@layer reset,base,theme,components,utilities;@layer theme{:root{color-scheme:light dark;--color-gray-50: oklch(.98 0 0);--color-gray-900: oklch(.2 0 0);--color-blue-500: oklch(.6 .2 250);--color-purple-500: oklch(.6 .2 300);--color-glass-light: rgba(255, 255, 255, .7);--color-glass-dark: rgba(20, 20, 20, .7);--color-glass-border-light: rgba(255, 255, 255, .3);--color-glass-border-dark: rgba(255, 255, 255, .1);--bg-main: light-dark(var(--color-gray-50), var(--color-gray-900));--text-main: light-dark(var(--color-gray-900), var(--color-gray-50));--glass-bg: light-dark(var(--color-glass-light), var(--color-glass-dark));--glass-border: light-dark(var(--color-glass-border-light), var(--color-glass-border-dark));--accent-gradient: linear-gradient(135deg, var(--color-blue-500), var(--color-purple-500));--mesh-bg-light: radial-gradient(at 0% 0%, rgba(132, 94, 247, .2) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(56, 189, 248, .2) 0px, transparent 50%);--mesh-bg-dark: radial-gradient(at 0% 0%, rgba(132, 94, 247, .15) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(56, 189, 248, .15) 0px, transparent 50%);--bg-mesh: light-dark(var(--mesh-bg-light), var(--mesh-bg-dark));--font-sans: system-ui, -apple-system, sans-serif}}@layer reset{*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}}@layer base{body{font-family:var(--font-sans);background-color:var(--bg-main);background-image:var(--bg-mesh);background-attachment:fixed;color:var(--text-main);transition:background-color .3s ease,color .3s ease}h1,h2,h3{text-wrap:balance;line-height:1.2}p{text-wrap:pretty}}@layer components{.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0000001a;padding:clamp(1.5rem,4vw,3rem)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:9999px;background:var(--accent-gradient);color:#fff;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #845ef74d}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:9999px;background:transparent;color:var(--text-main);font-weight:600;text-decoration:none;border:1px solid var(--glass-border);cursor:pointer;transition:background-color .2s ease}.btn-secondary:hover:not(:disabled){background:var(--glass-border)}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}@layer utilities{.flex-center{display:flex;align-items:center;justify-content:center}.min-h-screen{min-height:100vh}.text-center{text-align:center}}
