@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";@charset "UTF-8";:root{--bg-primary: #07080d;--bg-secondary: #111318;--bg-tertiary: #1c1e26;--text-primary: #f0f2ff;--text-secondary: #c8ccdd;--text-muted: #6b7194;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .05);--shadow: rgba(0, 0, 0, .6);--hover-bg: rgba(255, 255, 255, .04);--accent: #22d3ee;--accent-dim: rgba(34, 211, 238, .15);--accent-glow: rgba(34, 211, 238, .35);--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .18);--glass-blur: blur(16px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255,255,255,.06);--transition: all .22s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);background-image:radial-gradient(ellipse 80% 50% at 20% 10%,rgba(34,211,238,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(139,92,246,.05) 0%,transparent 60%);background-attachment:fixed;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.light-theme body,.light-theme html{background-image:radial-gradient(ellipse 80% 50% at 20% 10%,rgba(34,211,238,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(139,92,246,.06) 0%,transparent 60%)}app-root{display:block;height:100%}.light-theme{--bg-primary: #f0f4f8;--bg-secondary: #e4eaf2;--bg-tertiary: #d5dee9;--text-primary: #0d1117;--text-secondary: #2d3748;--text-muted: #718096;--border-color: rgba(0, 0, 0, .1);--border-light: rgba(0, 0, 0, .06);--shadow: rgba(0, 0, 0, .12);--hover-bg: rgba(0, 0, 0, .04);--glass-bg: rgba(255, 255, 255, .55);--glass-bg-hover: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .1);--glass-border-hover: rgba(0, 0, 0, .18);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255,255,255,.8)}.dark-theme{--bg-primary: #07080d;--bg-secondary: #111318;--bg-tertiary: #1c1e26;--text-primary: #f0f2ff;--text-secondary: #c8ccdd;--text-muted: #6b7194;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .05);--shadow: rgba(0, 0, 0, .6);--hover-bg: rgba(255, 255, 255, .04);--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255,255,255,.06)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;-webkit-transition:var(--transition);transition:var(--transition)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:var(--transition)}.card:hover{background-color:var(--hover-bg);box-shadow:0 2px 8px var(--shadow)}.btn{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:var(--transition)}.btn:hover{background-color:var(--hover-bg);border-color:var(--text-muted)}.btn-primary{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.btn-primary:hover{opacity:.9}.input{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem;border-radius:4px;transition:var(--transition)}.input:focus{outline:none;border-color:var(--text-secondary);box-shadow:0 0 0 2px var(--shadow)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.border{border:1px solid var(--border-color)}.border-light{border:1px solid var(--border-light)}@media (max-width: 768px){html,body{font-size:14px}::-webkit-scrollbar{width:4px;height:4px}}@media (max-width: 600px){html,body{font-size:13px}::-webkit-scrollbar{width:3px;height:3px}}@media (max-width: 380px){html,body{font-size:12px}}