@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-main:#0f1119;--bg-gradient:linear-gradient(135deg, #0b0d13 0%, #131520 100%);--bg-card:#1418268c;--border-light:#ffffff14;--border-neon:#0078ff40;--color-primary:#38f;--color-primary-glow:#3388ff4d;--color-cyan:#0ff;--color-cyan-glow:#00ffff59;--color-success:#11d473;--color-warning:#f2b90d;--color-danger:#ee2b6c;--text-primary:#f0f2f5;--text-secondary:#a7b3be;--text-muted:#6e7a87;--shadow-premium:0 8px 32px 0 #00000080;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-main:#f0f1f5;--bg-gradient:linear-gradient(135deg, #eaecf1 0%, #f6f7f9 100%);--bg-card:#ffffffb3;--border-light:#00000014;--border-neon:#0078ff26;--color-primary:#006aff;--color-primary-glow:#006aff26;--color-cyan:#00a1d6;--color-cyan-glow:#00a1d626;--color-success:#12a159;--color-warning:#c2940a;--color-danger:#cf1754;--text-primary:#171c26;--text-secondary:#4c5567;--text-muted:#818898;--shadow-premium:0 8px 32px 0 #1f26870f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);background-image:var(--bg-gradient);width:100%;min-height:100vh;color:var(--text-primary);flex-direction:column;margin:0;transition:background .3s,color .3s;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);border-radius:20px}.glass-panel-interactive:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 10px 40px #0009}.glow-cyan:hover{border-color:var(--color-cyan);box-shadow:0 0 15px var(--color-cyan-glow)}.glow-purple:hover{border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow)}.container{flex-direction:column;flex:1;width:100%;max-width:500px;margin:0 auto;padding:0 16px;display:flex}@media (width>=768px){.container{max-width:860px}}.responsive-split{grid-template-columns:1fr;align-items:center;gap:24px;display:grid}@media (width>=768px){.responsive-split{grid-template-columns:1.05fr .95fr;gap:40px}}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-scale-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleIn}button{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-family:inherit}.btn-primary{background:var(--color-primary);color:var(--text-primary);box-shadow:0 4px 14px var(--color-primary-glow);border-radius:12px;padding:12px 24px;font-weight:600}.btn-primary:hover{box-shadow:0 6px 20px var(--color-primary-glow);background:#b36ef7;transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}