@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-ink:255 255 255;--color-ocean:248 250 252;--color-surface:255 255 255;--color-text:8 8 8;--color-text-secondary:45 55 72;--color-accent-cyan:0 191 255;--color-accent-teal:0 201 167;--color-accent-violet:138 43 226;--color-accent-magenta:255 20 147;--color-border:200 200 200;--color-border-hover:150 150 150;--color-shadow:0 0 0 1px rgba(0,0,0,.08);--color-shadow-hover:0 8px 25px -5px rgba(0,0,0,.15),0 4px 10px -2px rgba(0,0,0,.1)}.dark{--color-ink:10 15 26;--color-ocean:4 16 24;--color-surface:11 19 32;--color-text:255 255 255;--color-text-secondary:203 213 225;--color-accent-cyan:65 214 245;--color-accent-teal:0 224 184;--color-accent-violet:181 109 255;--color-accent-magenta:255 94 220;--color-border:30 41 59;--color-border-hover:51 65 85;--color-shadow:0 0 0 1px hsla(0,0%,100%,.05);--color-shadow-hover:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}body{@apply bg-ink text-text;font-family:Inter,Inter Fallback,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-feature-settings:"rlig" 1,"calt" 1;font-size:18px!important;line-height:30px!important;font-weight:400!important;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:Inter,Inter Fallback,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important}a,button,div,input,label,li,p,select,span,td,textarea,th{font-size:18px!important;line-height:30px!important;font-weight:400!important}.text-2xl:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not([class*=heading]),.text-base,[class*=text-base],div.text-2xl,li.text-2xl,p.text-2xl,span.text-2xl{font-size:18px!important;line-height:30px!important}.text-heading,[class*=heading],h1,h2,h3,h4,h5,h6{font-family:aeonik,aeonik Fallback,-apple-system,Arial,sans-serif!important;font-weight:300!important;letter-spacing:normal}h1{font-size:72px;line-height:80px}h1,h2{font-weight:300}h2{font-size:60px;line-height:68px}h3{font-size:48px;line-height:56px}h3,h4{font-weight:300}h4{font-size:36px;line-height:44px}h5{font-size:30px;line-height:38px}h5,h6{font-weight:300}h6{font-size:24px;line-height:32px}html{scroll-behavior:smooth}}@layer components{.glass{background-color:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2)}.glass-dark{background-color:rgba(0,0,0,.12);border:1px solid hsla(0,0%,100%,.1)}.glass-light{background-color:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glow-cyan,.glow-cyan-light,.glow-magenta,.glow-magenta-light,.glow-teal,.glow-teal-light,.glow-violet,.glow-violet-light{@apply shadow-neon-magenta-light}.card-glass{@apply bg-surface/50 backdrop-blur-md border-2 border-white/20;box-shadow:0 20px 60px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.1);transition:all .2s ease-out}.card-glass:hover{@apply ring-2 ring-accent-cyan/30;transform:translateY(-2px)}.card-glass:focus-within{@apply ring-2 ring-accent-cyan/50}.card-glass-light{@apply bg-white/95 backdrop-blur-md border-2 border-gray-400 shadow-lg;box-shadow:0 4px 16px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04),inset 0 1px 0 #fff;transition:all .2s ease-out}.card-glass-light:hover{@apply ring-2 ring-accent-cyan/40 border-gray-400/80;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.08),inset 0 1px 0 #fff}.card-glass-light:focus-within{@apply ring-2 ring-accent-cyan/60}@media (prefers-contrast:high){.dark{--color-ink:0 0 0;--color-ocean:0 0 0;--color-surface:0 0 0;--color-text:255 255 255}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-reduce\:animate-none{animation:none!important}.motion-reduce\:transform-none{transform:none!important}.motion-reduce\:transition-none{transition:none!important}}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgba(65,214,245,.3) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:rgba(65,214,245,.3);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:rgba(65,214,245,.5)}}@layer utilities{.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.animate-glow{animation:glow 2s ease-in-out infinite alternate}.animate-glow-light{animation:glow-light 2s ease-in-out infinite alternate}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-slow{animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.animate-spin-slow{animation:spin 8s linear infinite}.animate-gradient-shift{animation:gradient-shift 8s ease-in-out infinite}.animate-rainbow{animation:rainbow 3s ease-in-out infinite}.motion-enter{transition:all .3s ease-out}.motion-enter-fast{transition:all .25s ease-out}.motion-enter-slow{transition:all .35s ease-out}.panel-enter{animation:panel-enter .3s ease-out}.panel-enter-fast{animation:panel-enter .25s ease-out}.panel-enter-slow{animation:panel-enter .35s ease-out}.hover-lift{transition:transform .2s ease-out}.hover-lift:hover{transform:translateY(-3px)}.tooltip-fade{animation:tooltip-fade .15s ease-out}.glass-surface{box-shadow:0 8px 32px rgba(0,0,0,.1)}.glass-surface-dark{box-shadow:0 8px 32px rgba(0,0,0,.3)}.glass-surface-light{box-shadow:0 8px 32px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04)}.focus-ring,.focus-ring-light,.focus-ring-teal,.focus-ring-teal-light,.focus-ring-violet,.focus-ring-violet-light,.keyboard-navigable,.keyboard-navigable:focus,.ring-neon-cyan,.ring-neon-teal,.ring-neon-violet{@apply ring-2 ring-accent-cyan/50 ring-offset-2 ring-offset-ink}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{@apply sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:bg-accent-cyan focus:text-ink focus:rounded-lg}@media (prefers-contrast:high){.dark{--color-ink:0 0 0;--color-ocean:0 0 0;--color-surface:0 0 0;--color-text:255 255 255}.glass-surface{box-shadow:0 8px 32px rgba(0,0,0,.5)}}.focus-visible:focus-visible{@apply outline-none ring-2 ring-accent-cyan/50 ring-offset-2 ring-offset-ink}.gradient-rainbow{background:linear-gradient(45deg,#00bfff,#00c9a7 25%,#8a2be2 50%,#ff1493 75%,#00bfff);background-size:400% 400%}.gradient-cyan-teal{background:linear-gradient(135deg,#00bfff,#00c9a7)}.gradient-violet-magenta{background:linear-gradient(135deg,#8a2be2,#ff1493)}.gradient-ocean{background:linear-gradient(135deg,#00bfff,#00c9a7 50%,#8a2be2)}.gradient-sunset{background:linear-gradient(135deg,#ff1493,#8a2be2 50%,#00bfff)}.text-gradient-cyan{background:linear-gradient(135deg,#00bfff,#00c9a7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-violet{background:linear-gradient(135deg,#8a2be2,#ff1493);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-rainbow{background:linear-gradient(45deg,#00bfff,#00c9a7 25%,#8a2be2 50%,#ff1493 75%,#00bfff);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow 3s ease-in-out infinite}}