@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--hue-primary: 250;--hue-secondary: 190;--bg-app: 210 20% 98%;--bg-surface: 0 0% 100%;--text-main: 220 15% 10%;--text-muted: 220 10% 40%;--primary: var(--hue-primary) 80% 60%;--primary-glow: var(--hue-primary) 80% 60% / .3;--secondary: var(--hue-secondary) 80% 50%;--glass-bg: 0 0% 100% / .7;--glass-border: 0 0% 100% / .5;--glass-shadow: 220 10% 10% / .05;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px}@media(prefers-color-scheme:dark){:root{--bg-app: 220 30% 8%;--bg-surface: 220 25% 12%;--text-main: 220 10% 95%;--text-muted: 220 10% 65%;--primary: var(--hue-primary) 70% 65%;--primary-glow: var(--hue-primary) 70% 65% / .3;--secondary: var(--hue-secondary) 70% 55%;--glass-bg: 220 25% 12% / .6;--glass-border: 220 25% 20% / .4;--glass-shadow: 0 0 0 / 0}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:hsl(var(--bg-app));color:hsl(var(--text-main));min-height:100vh;line-height:1.5;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:hsl(var(--glass-bg));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsl(var(--glass-border));box-shadow:0 8px 32px hsl(var(--glass-shadow))}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary{background:hsl(var(--primary));color:#fff;box-shadow:0 4px 20px hsl(var(--primary-glow))}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background:transparent;border:2px solid hsl(var(--primary));color:hsl(var(--primary))}.input-field{background:hsl(var(--bg-surface));border:1px solid hsl(var(--text-muted) / .2);border-radius:var(--radius-sm);padding:.75rem 1rem;color:hsl(var(--text-main));font-family:inherit;width:100%;transition:border-color .2s}.input-field:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary-glow))}.page-container{padding:2rem;max-width:1200px;width:100%;margin:0 auto}h1,h2,h3,h4{line-height:1.2;margin-bottom:.5em;font-weight:700;letter-spacing:-.02em}a{color:hsl(var(--primary));text-decoration:none}