@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=JetBrains+Mono:wght@400&display=swap";*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}#root{min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--color-bg-surface-glass);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:16px}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;color:transparent}.btn-primary{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,hsla(var(--hue-primary),80%,50%,.2),hsla(var(--hue-primary),80%,50%,.1));border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-primary:hover{background:var(--color-primary);color:var(--color-bg-base);box-shadow:0 0 20px var(--color-primary-glow)}:root{--hue-primary: 210;--hue-accent: 150;--hue-bg: 220;--color-bg-base: hsl(var(--hue-bg), 30%, 8%);--color-bg-surface: hsl(var(--hue-bg), 25%, 12%);--color-bg-surface-glass: hsla(var(--hue-bg), 25%, 12%, .7);--color-text-main: hsl(var(--hue-bg), 10%, 95%);--color-text-muted: hsl(var(--hue-bg), 10%, 70%);--color-primary: hsl(var(--hue-primary), 90%, 60%);--color-primary-glow: hsla(var(--hue-primary), 90%, 60%, .5);--color-accent: hsl(var(--hue-accent), 90%, 50%);--border-glass: hsla(var(--hue-primary), 30%, 80%, .1);--border-glass-hover: hsla(var(--hue-primary), 50%, 80%, .3);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--blur-md: 12px;--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37)}body{background-color:var(--color-bg-base);color:var(--color-text-main);font-family:var(--font-sans);margin:0;line-height:1.6}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent)}
