:root{--bg-start: #1b1c24;--bg-mid: #14151b;--bg-end: #0f1014;--surface-glass: rgba(30, 32, 40, .55);--border-soft: rgba(255, 255, 255, .08);--text-primary: #f5f7fa;--text-secondary: #c1c7d1;--purple-50: #faecff;--purple-100: #efc3ff;--purple-200: #e7a5ff;--purple-300: #dc7cff;--purple-400: #d563ff;--purple-500: #cb3cff;--purple-600: #b937e8;--purple-700: #902bb5;--purple-800: #70218c;--purple-900: #55196b;--accent: var(--purple-500);--accent-hover: var(--purple-400);--accent-active: var(--purple-600);--shadow-elev: 0 4px 24px -6px rgba(0, 0, 0, .4)}html,body{height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:radial-gradient(circle at 30% 20%,var(--bg-start),var(--bg-mid) 40%,var(--bg-end) 80%);color:var(--text-primary);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(to bottom,#00000059,#000000a6);mix-blend-mode:multiply}h1,h2,h3{font-weight:600;line-height:1.15}p{line-height:1.5;color:var(--text-secondary)}button{font:inherit;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:8px;padding:.75rem 1.25rem;cursor:pointer;font-weight:500;box-shadow:var(--shadow-elev);transition:background .18s ease,transform .18s ease}button:hover{background:var(--accent-hover)}button:active{background:var(--accent-active);transform:translateY(1px)}.bg-purple-50{background-color:var(--purple-50)}.bg-purple-100{background-color:var(--purple-100)}.bg-purple-200{background-color:var(--purple-200)}.bg-purple-300{background-color:var(--purple-300)}.bg-purple-400{background-color:var(--purple-400)}.bg-purple-500{background-color:var(--purple-500)}.bg-purple-600{background-color:var(--purple-600)}.bg-purple-700{background-color:var(--purple-700)}.bg-purple-800{background-color:var(--purple-800)}.bg-purple-900{background-color:var(--purple-900)}.text-purple-50{color:var(--purple-50)}.text-purple-100{color:var(--purple-100)}.text-purple-200{color:var(--purple-200)}.text-purple-300{color:var(--purple-300)}.text-purple-400{color:var(--purple-400)}.text-purple-500{color:var(--purple-500)}.text-purple-600{color:var(--purple-600)}.text-purple-700{color:var(--purple-700)}.text-purple-800{color:var(--purple-800)}.text-purple-900{color:var(--purple-900)}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover)}.btn-accent:active{background:var(--accent-active)}.flex{display:flex}.center{justify-content:center;align-items:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2e313a;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3d414c}