@tailwind base;@tailwind components;@tailwind utilities;@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.hover-border-gradient{--_bg: var(--border-inner-bg, rgb(var(--color-dark-900)));--_accent: var(--accent-color, rgb(var(--color-accent-400)));border:1.5px solid transparent;background:linear-gradient(var(--_bg),var(--_bg)) padding-box,conic-gradient(from var(--border-angle),var(--_accent) 0%,transparent 25%,transparent 75%,var(--_accent) 100%) border-box;animation:border-rotate var(--border-duration, 3s) linear infinite}.hover-border-gradient{transition:box-shadow .3s ease}.hover-border-gradient:hover,.hover-border-gradient:active{box-shadow:0 0 20px var(--accent-glow, rgba(var(--color-accent-400), .25))}.hover-border-gradient:disabled,.hover-border-gradient[disabled]{box-shadow:none;pointer-events:auto}.light .hover-border-gradient{--_bg: var(--border-inner-bg, rgb(var(--color-champagne-100)))}@media(prefers-reduced-motion:reduce){.hover-border-gradient{animation-play-state:paused}}@keyframes border-rotate{to{--border-angle: 360deg}}:root{--blue-500: #3b82f6;--indigo-300: #a5b4fc;--blue-300: #93c5fd;--violet-200: #ddd6fe;--blue-400: #60a5fa;--black: #000000;--white: #ffffff}@layer base{:root{--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--bento-radius: 22px;--bento-radius-lg: 22px;--bento-gap: 16px;--bento-gap-lg: 24px;--bento-padding: 20px;--bento-padding-lg: 24px;--linear-radius: 8px;--linear-radius-lg: 12px;--linear-blur: 12px;--linear-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--linear-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--linear-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-none: 0px;--radius-small: 8px;--radius-medium: 16px;--radius-large: 24px;--radius-pill: 9999px;--spacing-compact: 12px;--spacing-comfortable: 16px;--spacing-spacious: 24px;--color-dark-50: 248, 250, 252;--color-dark-100: 241, 245, 249;--color-dark-200: 226, 232, 240;--color-dark-300: 203, 213, 225;--color-dark-400: 148, 163, 184;--color-dark-500: 100, 116, 139;--color-dark-600: 71, 85, 105;--color-dark-700: 51, 65, 85;--color-dark-800: 30, 41, 59;--color-dark-850: 23, 32, 51;--color-dark-900: 15, 23, 42;--color-dark-950: 2, 6, 23;--gradient-premium: linear-gradient( 135deg, #6366f1 0%, #8b5cf6 25%, #ec4899 50%, #06b6d4 100% );--gradient-premium-size: 200% 200%;--color-champagne-50: 255, 253, 249;--color-champagne-100: 254, 249, 240;--color-champagne-200: 247, 231, 206;--color-champagne-300: 232, 212, 181;--color-champagne-400: 212, 188, 150;--color-champagne-500: 191, 164, 119;--color-champagne-600: 160, 139, 94;--color-champagne-700: 125, 107, 72;--color-champagne-800: 92, 79, 53;--color-champagne-900: 61, 52, 36;--color-champagne-950: 31, 26, 18;--color-accent-50: 238, 242, 255;--color-accent-100: 224, 231, 255;--color-accent-200: 199, 210, 254;--color-accent-300: 165, 180, 252;--color-accent-400: 129, 140, 248;--color-accent-500: 99, 102, 241;--color-accent-600: 79, 70, 229;--color-accent-700: 67, 56, 202;--color-accent-800: 55, 48, 163;--color-accent-900: 49, 46, 129;--color-accent-950: 30, 27, 75;--color-success-50: 240, 253, 244;--color-success-100: 220, 252, 231;--color-success-200: 187, 247, 208;--color-success-300: 134, 239, 172;--color-success-400: 74, 222, 128;--color-success-500: 34, 197, 94;--color-success-600: 22, 163, 74;--color-success-700: 21, 128, 61;--color-success-800: 22, 101, 52;--color-success-900: 20, 83, 45;--color-success-950: 5, 46, 22;--color-warning-50: 255, 251, 235;--color-warning-100: 254, 243, 199;--color-warning-200: 253, 230, 138;--color-warning-300: 252, 211, 77;--color-warning-400: 251, 191, 36;--color-warning-500: 245, 158, 11;--color-warning-600: 217, 119, 6;--color-warning-700: 180, 83, 9;--color-warning-800: 146, 64, 14;--color-warning-900: 120, 53, 15;--color-warning-950: 69, 26, 3;--color-error-50: 254, 242, 242;--color-error-100: 254, 226, 226;--color-error-200: 254, 202, 202;--color-error-300: 252, 165, 165;--color-error-400: 248, 113, 113;--color-error-500: 239, 68, 68;--color-error-600: 220, 38, 38;--color-error-700: 185, 28, 28;--color-error-800: 153, 27, 27;--color-error-900: 127, 29, 29;--color-error-950: 69, 10, 10;--color-dark-bg: #020617;--color-dark-surface: #0f172a;--color-dark-text: #f1f5f9;--color-dark-text-secondary: #94a3b8;--color-light-bg: #f7e7ce;--color-light-surface: #fef9f0;--color-light-text: #1f1a12;--color-light-text-secondary: #7d6b48}html{overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgb(var(--color-dark-700)) transparent}html:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 15% -10%,rgba(99,102,241,.18),transparent 52%),radial-gradient(ellipse 55% 45% at 85% 5%,rgba(236,72,153,.12),transparent 48%),radial-gradient(ellipse 50% 55% at 50% 100%,rgba(6,182,212,.1),transparent 50%),rgb(var(--color-dark-950))}@media(max-width:1023px){html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgb(var(--color-dark-700));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-dark-600))}.light ::-webkit-scrollbar-thumb{background:rgb(var(--color-champagne-400))}.light ::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-champagne-500))}@media(min-width:1024px){html{scroll-behavior:smooth}}body,.dark body{@apply bg-dark-950 font-sans text-dark-100 antialiased;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:200px 200px;background-repeat:repeat;opacity:.03}@media(max-width:1023px){body:before{display:none}}main{contain:content}.light body{@apply bg-champagne-200 font-sans text-champagne-900 antialiased;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.light{--color-dark-50: var(--color-champagne-950) !important;--color-dark-100: var(--color-champagne-900) !important;--color-dark-200: var(--color-champagne-800) !important;--color-dark-300: var(--color-champagne-700) !important;--color-dark-400: var(--color-champagne-600) !important;--color-dark-500: var(--color-champagne-500) !important;--color-dark-600: var(--color-champagne-400) !important;--color-dark-700: var(--color-champagne-300) !important;--color-dark-800: var(--color-champagne-50) !important;--color-dark-850: var(--color-champagne-100) !important;--color-dark-900: var(--color-champagne-100) !important;--color-dark-950: var(--color-champagne-200) !important}.dark ::-webkit-scrollbar{@apply w-2;}.dark ::-webkit-scrollbar-track{@apply bg-dark-900;}.dark ::-webkit-scrollbar-thumb{@apply rounded-full bg-dark-700;}.dark ::-webkit-scrollbar-thumb:hover{@apply bg-dark-600;}.light ::-webkit-scrollbar{@apply w-2;}.light ::-webkit-scrollbar-track{@apply bg-champagne-200;}.light ::-webkit-scrollbar-thumb{@apply rounded-full bg-champagne-400;}.light ::-webkit-scrollbar-thumb:hover{@apply bg-champagne-500;}}img.twemoji{display:inline-block;width:1.2em;height:1.2em;vertical-align:-.2em}@layer components{.bento-card{@apply border border-white/[.08] bg-dark-900/50;border-radius:var(--bento-radius);padding:var(--bento-padding);background:linear-gradient(145deg,#ffffff0f,#ffffff05);box-shadow:inset 0 1px #ffffff0f,0 8px 32px -8px #00000073;animation:bentoFadeIn .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--stagger, 0) * 50ms);position:relative;overflow:hidden}@media(min-width:1024px){.bento-card{@apply backdrop-blur-xl;background:linear-gradient(145deg,#ffffff12,#ffffff05)}}@media(prefers-reduced-motion:reduce){.bento-card{animation:none}}.bento-card-hover{@apply bento-card cursor-pointer;transition:border-color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.bento-card-hover:hover{@apply border-accent-500/25 shadow-lg;transform:translateY(-2px) translateZ(0);box-shadow:inset 0 1px #ffffff1a,0 12px 40px -10px #6366f133}.bento-card-hover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(255,255,255,.06),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.bento-card-hover:hover:after{opacity:1}.bento-card-hover:active{transform:scale(.98) translateZ(0);transition-duration:.15s}.bento-card-glow{@apply bento-card cursor-pointer;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.bento-card-glow:hover{@apply border-accent-500/30 shadow-glow;transform:translateY(-2px) translateZ(0)}.bento-card-glow:active{transform:scale(.98) translateZ(0);transition-duration:.15s}.bento-grid{display:grid;grid-template-columns:1fr;gap:var(--bento-gap)}@media(min-width:375px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.bento-grid{grid-template-columns:repeat(4,1fr);gap:var(--bento-gap-lg)}}.light .bento-card{@apply border-champagne-300/50 bg-champagne-50/90 shadow-sm;box-shadow:inset 0 1px #00000008}@media(min-width:1024px){.light .bento-card{@apply bg-champagne-50/85;}}.light .bento-card-hover:hover{@apply border-champagne-400/50 bg-champagne-50 shadow-md;transform:translateY(-2px) translateZ(0);box-shadow:inset 0 1px #0000000f,0 10px 40px -10px #a08b5e26}.light .bento-card-hover:after{background:radial-gradient(circle at top,rgba(255,253,249,.8),transparent 70%)}.light .bento-card-glow:hover{@apply border-accent-400/40 shadow-lg;transform:translateY(-2px) translateZ(0)}.card{@apply border border-white/[.08] p-5 transition-colors duration-200 sm:p-6;border-radius:var(--bento-radius);background:linear-gradient(145deg,#ffffff0f,#ffffff05);box-shadow:inset 0 1px #ffffff0f,0 8px 32px -8px #0006}@media(min-width:1024px){.card{@apply backdrop-blur-xl;}}.card-hover{@apply card cursor-pointer hover:border-dark-600/50 hover:bg-dark-800/60 active:scale-[.98];}.card-glow{@apply card cursor-pointer hover:border-accent-500/30 hover:shadow-glow;}.card-animated{@apply card animate-slide-up;}.glass{@apply border border-dark-700/30 bg-dark-900/80;}@media(min-width:1024px){.glass{@apply bg-dark-900/30 backdrop-blur-xl;}}.btn{@apply inline-flex items-center justify-center gap-2 rounded-lg px-4 py-2 text-sm font-medium duration-200 ease-smooth focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-dark-900 active:scale-[.98] disabled:cursor-not-allowed disabled:opacity-50;transition-property:color,background-color,border-color,box-shadow,transform,opacity}.btn-primary{@apply btn border-0 text-white shadow-lg focus-visible:ring-accent-500;background:var(--gradient-premium);background-size:200% 200%;box-shadow:0 4px 24px #6366f159,inset 0 1px #ffffff26;transition:background-position .4s ease,box-shadow .3s ease,transform .2s ease}.btn-primary:hover{background-position:100% 50%;box-shadow:0 8px 32px #6366f173,inset 0 1px #fff3}.btn-primary:active{transform:scale(.98)}.btn-secondary{@apply btn border border-dark-700 bg-dark-800 text-dark-200 hover:border-dark-600 hover:bg-dark-700 hover:text-dark-100 focus-visible:ring-dark-500 active:bg-dark-600;}.btn-ghost{@apply btn text-dark-400 hover:bg-dark-800 hover:text-dark-100 focus-visible:ring-dark-500;}.btn-danger{@apply btn border border-error-500/30 bg-error-500/10 text-error-400 hover:border-error-500/50 hover:bg-error-500/20 focus-visible:ring-error-500 active:bg-error-500/30;}.btn-icon{@apply rounded-lg p-2 text-dark-400 duration-200 hover:bg-dark-800 hover:text-dark-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/50 active:scale-95;transition-property:color,background-color,transform}.btn-highlight{@apply relative z-10 animate-spotlight;}.input{@apply w-full rounded-xl border border-dark-700/50 bg-dark-800/50 px-4 py-3 text-sm text-dark-100 placeholder-dark-500 duration-200 focus:border-accent-500/50 focus:outline-none focus:ring-2 focus:ring-accent-500/20;transition-property:color,background-color,border-color,box-shadow}.input-error{@apply input border-error-500/50 focus:border-error-500 focus:ring-error-500/20;}button,a,[role=button]{-webkit-tap-highlight-color:transparent;outline:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible{@apply ring-2 ring-accent-500/50 ring-offset-2 ring-offset-dark-900;}.light button:focus-visible,.light a:focus-visible,.light [role=button]:focus-visible{@apply ring-offset-champagne-100;}.label{@apply mb-2 block text-sm font-medium text-dark-300;}.badge{@apply inline-flex items-center rounded-full px-2.5 py-1 text-xs font-medium;}.badge-success{@apply badge border border-success-500/30 bg-success-500/15 text-success-400;}.badge-warning{@apply badge border border-warning-500/30 bg-warning-500/15 text-warning-400;}.badge-error{@apply badge border border-error-500/30 bg-error-500/15 text-error-400;}.badge-info{@apply badge border border-accent-500/30 bg-accent-500/15 text-accent-400;}.badge-neutral{@apply badge border border-dark-600/50 bg-dark-700/50 text-dark-300;}.progress-bar{@apply h-2 w-full overflow-hidden rounded-full bg-dark-800;}.progress-fill{@apply h-full rounded-full duration-500 ease-smooth;transition-property:width,background-color}.stat-value{@apply text-2xl font-bold text-dark-50 sm:text-3xl;}.stat-label{@apply mt-1 text-sm text-dark-400;}.nav-item{@apply flex items-center gap-3 rounded-xl px-4 py-3 text-dark-400 duration-200 hover:bg-dark-800/50 hover:text-dark-100;transition-property:color,background-color}.nav-item-active{@apply nav-item bg-accent-500/10 text-accent-400;}.bottom-nav{@apply fixed z-50 border border-white/[.08];bottom:calc(16px + env(safe-area-inset-bottom,0px));left:16px;right:16px;border-radius:var(--bento-radius);padding:8px 4px;transform:translateZ(0);background:linear-gradient(145deg,#0f172aeb,#020617f2);box-shadow:0 8px 32px #00000080,0 0 0 1px #6366f114,inset 0 1px #ffffff0f}@media(min-width:1024px){.bottom-nav{@apply backdrop-blur-xl;}}.bottom-nav-item{@apply flex min-w-[56px] flex-1 shrink-0 flex-col items-center justify-center rounded-2xl px-3 py-2.5 text-dark-500 duration-200;transition-property:color,background-color}.bottom-nav-item:hover{@apply text-dark-300;}.bottom-nav-item-active{@apply flex min-w-[56px] flex-1 shrink-0 flex-col items-center justify-center rounded-2xl bg-accent-500/15 px-3 py-2.5 text-accent-400 duration-200;transition-property:color,background-color}.divider{@apply border-t border-dark-800/50;}@media(max-width:1023px){.backdrop-blur,.backdrop-blur-sm,.backdrop-blur-md,.backdrop-blur-lg,.backdrop-blur-xl,.backdrop-blur-2xl,.backdrop-blur-3xl,.backdrop-blur-linear{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.light .card{@apply border-champagne-300/50 bg-champagne-50/90 p-5 shadow-sm sm:p-6;border-radius:var(--bento-radius);box-shadow:inset 0 1px #00000008}@media(min-width:1024px){.light .card{@apply bg-champagne-50/85;}}.light .card-hover{@apply hover:border-champagne-400/50 hover:bg-champagne-50 hover:shadow-md;}.light .card-glow{@apply hover:border-accent-400/40 hover:shadow-lg;}.light .glass{@apply border border-champagne-300/40 bg-champagne-50/90;}@media(min-width:1024px){.light .glass{@apply bg-champagne-50/60 backdrop-blur-xl;}}.light .btn{@apply focus-visible:ring-offset-champagne-100;}.light .btn-primary{@apply bg-champagne-700 text-white shadow-lg shadow-champagne-500/20 hover:bg-champagne-600 hover:shadow-xl hover:shadow-champagne-500/30 focus-visible:ring-champagne-500 active:bg-champagne-800;}.light .btn-secondary{@apply border border-champagne-300 bg-champagne-50 text-champagne-800 hover:border-champagne-400 hover:bg-champagne-100 hover:text-champagne-900 focus-visible:ring-champagne-400 active:bg-champagne-200;}.light .btn-ghost{@apply text-champagne-600 hover:bg-champagne-200/50 hover:text-champagne-900 focus-visible:ring-champagne-400;}.light .btn-danger{@apply border border-error-200 bg-error-50 text-error-600 hover:border-error-300 hover:bg-error-100 active:bg-error-200;}.light .btn-icon{@apply text-champagne-500 hover:bg-champagne-200/50 hover:text-champagne-800;}.light .input{@apply rounded-xl border border-champagne-300 bg-champagne-50 text-champagne-900 placeholder-champagne-400 focus:border-accent-400 focus:ring-accent-300/30;}.light .input-error{@apply border-error-300 focus:border-error-400 focus:ring-error-300/30;}.light .label{@apply text-champagne-700;}.light .badge-success{@apply border border-success-200 bg-success-50 text-success-700;}.light .badge-warning{@apply border border-warning-200 bg-warning-50 text-warning-700;}.light .badge-error{@apply border border-error-200 bg-error-50 text-error-700;}.light .badge-info{@apply border border-accent-200 bg-accent-50 text-accent-700;}.light .badge-neutral{@apply border border-champagne-300 bg-champagne-200/50 text-champagne-700;}.light .progress-bar{@apply bg-champagne-200;}.light .stat-value{@apply text-champagne-900;}.light .stat-label{@apply text-champagne-600;}.light .nav-item{@apply text-champagne-600 hover:bg-champagne-200/50 hover:text-champagne-900;}.light .nav-item-active{@apply bg-champagne-200/70 text-champagne-800;}.light .bottom-nav{@apply bg-white/95;box-shadow:0 4px 30px #0000001a,0 0 0 1px #0000000d}@media(min-width:1024px){.light .bottom-nav{@apply bg-white/80 backdrop-blur-xl;}}.light .bottom-nav-item{@apply text-champagne-500;}.light .bottom-nav-item:hover{@apply text-champagne-700;}.light .bottom-nav-item-active{@apply bg-champagne-300/40 text-champagne-800;}.light .divider{@apply border-t border-champagne-200;}.safe-area-pb{padding-bottom:calc(.5rem + var(--safe-area-inset-bottom))}.pt-safe{padding-top:env(safe-area-inset-top,0px)}.skeleton{@apply animate-pulse rounded-lg bg-dark-800;}.light .skeleton{@apply bg-champagne-300;}.link{@apply text-accent-400 transition-colors duration-200 hover:text-accent-300;}.light .link{@apply text-accent-600 hover:text-accent-500;}.prose{@apply leading-relaxed text-dark-200;}.prose-invert{@apply text-dark-200;}.prose h1{@apply mb-4 mt-6 text-2xl font-bold text-dark-50 first:mt-0;}.prose h2{@apply mb-3 mt-6 text-xl font-semibold text-dark-50 first:mt-0;}.prose h3{@apply mb-2 mt-5 text-lg font-semibold text-dark-100 first:mt-0;}.prose h4{@apply mb-2 mt-4 text-base font-semibold text-dark-100 first:mt-0;}.prose p{@apply mb-4 last:mb-0;}.prose ul{@apply mb-4 list-inside list-disc space-y-2 pl-2;}.prose ol{@apply mb-4 list-inside list-decimal space-y-2 pl-2;}.prose li{@apply text-dark-300;}.prose li::marker{@apply text-accent-400;}.prose a{@apply text-accent-400 underline underline-offset-2 transition-colors hover:text-accent-300;}.prose strong,.prose b{@apply font-semibold text-dark-100;}.prose em,.prose i{@apply italic text-dark-300;}.prose u{@apply underline underline-offset-2;}.prose s,.prose del{@apply text-dark-400 line-through;}.prose tg-spoiler{@apply cursor-pointer rounded bg-dark-600 px-1 text-transparent transition-colors hover:bg-transparent hover:text-dark-200;}.prose blockquote{@apply my-4 rounded-r-lg border-l-4 border-accent-500/50 bg-dark-800/30 py-2 pl-4 italic text-dark-300;}.prose code{@apply rounded bg-dark-800 px-1.5 py-0.5 font-mono text-sm text-accent-300;}.prose pre{@apply mb-4 overflow-x-auto rounded-xl bg-dark-800 p-4;}.prose pre code{@apply bg-transparent p-0;}.prose hr{@apply my-6 border-dark-700;}.prose table{@apply mb-4 w-full border-collapse;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.prose th{@apply border border-dark-700 bg-dark-800 p-3 text-left font-semibold text-dark-100;}.prose td{@apply border border-dark-700 p-3 text-dark-300;}.prose img{@apply my-4 h-auto max-w-full rounded-xl;}.prose mark{@apply rounded bg-warning-500/30 px-1 text-dark-100;}.prose iframe{@apply my-4 block aspect-video w-full max-w-2xl rounded-xl;}.prose video{@apply my-4 block h-auto w-full max-w-full rounded-xl;}.light .prose{@apply text-champagne-800;}.light .prose h1,.light .prose h2{@apply text-champagne-950;}.light .prose h3,.light .prose h4{@apply text-champagne-900;}.light .prose li{@apply text-champagne-700;}.light .prose li::marker{@apply text-champagne-600;}.light .prose a{@apply text-accent-600 hover:text-accent-500;}.light .prose strong,.light .prose b{@apply text-champagne-900;}.light .prose em,.light .prose i{@apply text-champagne-700;}.light .prose s,.light .prose del{@apply text-champagne-500;}.light .prose tg-spoiler{@apply bg-champagne-300 text-transparent hover:bg-transparent hover:text-champagne-800;}.light .prose blockquote{@apply border-champagne-400 bg-champagne-100/50 text-champagne-700;}.light .prose code{@apply bg-champagne-200 text-champagne-800;}.light .prose pre{@apply border border-champagne-300 bg-champagne-100;}.light .prose hr{@apply border-champagne-300;}.light .prose th{@apply border-champagne-300 bg-champagne-200 text-champagne-900;}.light .prose td{@apply border-champagne-300 text-champagne-700;}.light .prose mark{@apply bg-warning-400/30 text-champagne-900;}.light .prose iframe{@apply border border-champagne-300;}.light .prose video{@apply border border-champagne-300;}.light .prose img{@apply border border-champagne-300;}.prose-plain{@apply whitespace-pre-line;}.max-w-none{max-width:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.touch-target{min-height:44px;min-width:44px}}@layer utilities{.text-gradient{background:var(--gradient-premium);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}.hero-pill{@apply inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wide;background:#6366f11f;border:1px solid rgba(99,102,241,.28);color:rgb(var(--color-accent-300))}.app-main{@apply mx-auto w-full max-w-lg px-4 py-5 pb-28 lg:max-w-6xl lg:px-6 lg:py-6 lg:pb-8;}.dashboard-hero{@apply flex flex-col items-center text-center;}.brand-logo-wordmark{@apply mx-auto block h-14 w-auto max-w-[260px] object-contain sm:h-16 sm:max-w-[300px];filter:drop-shadow(0 0 24px rgba(99,102,241,.35))}.brand-logo-wordmark-lg{@apply mx-auto mb-3 block h-[4.5rem] w-auto max-w-[min(88vw,320px)] object-contain sm:h-20 sm:max-w-[360px];filter:drop-shadow(0 0 32px rgba(99,102,241,.45))}.app-header-logo{@apply h-10 w-auto max-w-[160px] object-contain sm:h-11 sm:max-w-[180px];filter:drop-shadow(0 0 12px rgba(99,102,241,.25))}.glow-accent{box-shadow:0 0 20px theme("colors.accent.500 / 30%")}.glow-success{box-shadow:0 0 20px theme("colors.success.500 / 30%")}.blur-backdrop{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.safe-area-inset-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom,0px))}@media(min-width:640px){.safe-area-inset-bottom{padding-bottom:1.25rem}}}@keyframes bentoFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,theme("colors.dark.800") 0%,theme("colors.dark.700") 50%,theme("colors.dark.800") 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.light .shimmer{background:linear-gradient(90deg,theme("colors.champagne.200") 0%,theme("colors.champagne.300") 50%,theme("colors.champagne.200") 100%)}@media(hover:none){.btn:active,.card-hover:active,.nav-item:active{transform:scale(.98) translateZ(0)}}input[type=range]{-webkit-appearance:none;appearance:none;height:12px;border-radius:6px;outline:none;touch-action:pan-x}@media(min-width:640px){input[type=range]{height:8px;border-radius:4px}}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid rgba(0,0,0,.15);box-shadow:0 2px 6px #0000004d,0 0 0 1px #ffffff1a;transition:transform .15s ease,box-shadow .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #0006,0 0 0 2px #fff3}input[type=range]::-webkit-slider-thumb:active{transform:scale(.95)}@media(min-width:640px){input[type=range]::-webkit-slider-thumb{width:18px;height:18px}}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid rgba(0,0,0,.15);box-shadow:0 2px 6px #0000004d,0 0 0 1px #ffffff1a;transition:transform .15s ease,box-shadow .15s ease}input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #0006,0 0 0 2px #fff3}@media(min-width:640px){input[type=range]::-moz-range-thumb{width:18px;height:18px}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=checkbox]{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:1.5px solid rgb(var(--color-dark-600));border-radius:.375rem;background-color:rgb(var(--color-dark-700));cursor:pointer;transition:border-color .15s ease,background-color .15s ease;position:relative;flex-shrink:0}input[type=checkbox]:checked{background-color:rgb(var(--color-accent-500));border-color:rgb(var(--color-accent-500))}input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:45%;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-accent-500),.3)}input[type=checkbox]:hover:not(:checked){border-color:rgb(var(--color-dark-500));background-color:rgb(var(--color-dark-600))}.light input[type=checkbox]{border-color:rgb(var(--color-champagne-400));background-color:rgb(var(--color-champagne-100))}.light input[type=checkbox]:checked{background-color:rgb(var(--color-accent-500));border-color:rgb(var(--color-accent-500))}.light input[type=checkbox]:hover:not(:checked){border-color:rgb(var(--color-champagne-500));background-color:rgb(var(--color-champagne-200))}::selection{@apply bg-accent-500/30 text-dark-50;}.light ::selection{@apply bg-champagne-400/50 text-champagne-950;}.onboarding-overlay{@apply pointer-events-none fixed inset-0 z-[100];background:#000000bf;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.onboarding-spotlight{@apply pointer-events-auto absolute;border-radius:16px;box-shadow:0 0 0 9999px #000000bf,0 0 30px #3b82f666;transition:all .5s cubic-bezier(.16,1,.3,1)}.onboarding-tooltip{@apply pointer-events-auto absolute max-w-xs rounded-2xl border border-accent-500/30 bg-dark-900 p-5 shadow-xl shadow-accent-500/10 sm:max-w-sm;animation:scaleInBounce .5s cubic-bezier(.34,1.56,.64,1)}.onboarding-tooltip:before{content:"";@apply absolute h-3 w-3 border-l border-t border-accent-500/30 bg-dark-900;transform:rotate(45deg)}.light .onboarding-overlay{background:#00000080}.light .onboarding-spotlight{box-shadow:0 0 0 9999px #00000080,0 0 30px #a08b5e66}.light .onboarding-tooltip{@apply border-champagne-400/50 bg-white shadow-champagne-500/20;}.light .onboarding-tooltip:before{@apply border-champagne-400/50 bg-white;}.onboarding-tooltip.tooltip-top:before{@apply -bottom-1.5 left-1/2 -translate-x-1/2;transform:translate(-50%) rotate(-135deg)}.onboarding-tooltip.tooltip-bottom:before{@apply -top-1.5 left-1/2;transform:translate(-50%) rotate(45deg)}.onboarding-tooltip.tooltip-left:before{@apply -right-1.5 top-1/2;transform:translateY(-50%) rotate(135deg)}.onboarding-tooltip.tooltip-right:before{@apply -left-1.5 top-1/2;transform:translateY(-50%) rotate(-45deg)}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.animate-fill-both{animation-fill-mode:both}.page-enter{@apply translate-y-4 opacity-0;}.page-enter-active{@apply translate-y-0 opacity-100 transition-all duration-500;transition-timing-function:cubic-bezier(.16,1,.3,1)}.page-exit{@apply translate-y-0 opacity-100;}.page-exit-active{@apply -translate-y-4 opacity-0 transition-all duration-300;transition-timing-function:cubic-bezier(.4,0,1,1)}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes wheel-shimmer{0%{background-position:200% 50%}to{background-position:-200% 50%}}@keyframes wheel-glow{0%,to{filter:drop-shadow(0 0 10px rgba(255,215,0,.3))}50%{filter:drop-shadow(0 0 20px rgba(255,215,0,.6))}}@keyframes prize-reveal{0%{opacity:0;transform:scale(.5) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes confetti-fall{0%{transform:translateY(-100%) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.animate-scale-in{animation:scaleInBounce .4s cubic-bezier(.34,1.56,.64,1)}.animate-prize-reveal{animation:prize-reveal .6s cubic-bezier(.34,1.56,.64,1)}.animate-wheel-glow{animation:wheel-glow 2s ease-in-out infinite}@keyframes shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes newsShimmer{0%,to{opacity:.3;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}}.reduce-motion,.reduce-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.page-enter{animation:pageEnter .3s cubic-bezier(.16,1,.3,1) both}.page-exit{animation:pageExit .2s ease-in both}.light .sheet-backdrop{@apply bg-black/40;}.light .sheet-container{@apply bg-champagne-100;}.light .sheet-handle{@apply bg-champagne-400;}@keyframes adminOrbFloat{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.95)}to{transform:translate(10px,-20px) scale(1.02)}}@keyframes adminPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes adminCardEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes adminItemEnter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.admin-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;animation:adminOrbFloat 20s ease-in-out infinite alternate}.light .admin-orb{filter:blur(140px);opacity:.15!important}@media(max-width:1023px){.admin-orb{filter:blur(80px)}.admin-orb:nth-child(n+4){display:none}}@media(prefers-reduced-motion:reduce){.admin-orb{animation:none}}@keyframes premiumGradient{0%,to{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.vpn-hero-page{position:relative;min-height:100dvh;background:#020617}.vpn-hero-page:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(1000px 650px at 20% 15%,rgba(99,102,241,.16),transparent 60%),radial-gradient(900px 650px at 80% 65%,rgba(6,182,212,.12),transparent 62%),radial-gradient(800px 520px at 55% 35%,rgba(236,72,153,.1),transparent 60%)}.vpn-hero-page>main{position:relative;z-index:1}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:36rem;margin:0 auto;gap:.75rem}.vpn-hero-pill{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;color:#f1f5f9f5;letter-spacing:.02em;font-weight:750;font-size:.82rem;margin:.35rem auto .85rem;max-width:100%;white-space:nowrap;border:1px solid transparent;background:linear-gradient(180deg,#0f172ac7,#0f172a94) padding-box,linear-gradient(135deg,#6366f1a6,#06b6d46b,#ec489973) border-box;box-shadow:0 18px 55px #020617bf,0 0 0 1px #6366f12e}.hero-title-app{font-size:clamp(1.65rem,5.5vw,2.35rem);font-weight:900;line-height:1.12;letter-spacing:-.02em;margin:0 0 .65rem;background:var(--gradient-premium);background-size:var(--gradient-premium-size);-webkit-background-clip:text;background-clip:text;color:transparent;animation:premiumGradient 8s ease infinite}.hero-subtitle-app{font-size:.95rem;line-height:1.55;color:#94a3b8f2;margin:0}.vpn-app-card{width:100%;border-radius:22px;border:1px solid transparent;background:linear-gradient(180deg,#0206174d,#0206172e) padding-box,linear-gradient(135deg,#6366f147,#22d3ee2e,#ec489933) border-box;box-shadow:0 26px 80px #0000004d;padding:1rem 1.05rem;display:grid;gap:12px}@media(min-width:1024px){.vpn-app-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.vpn-app-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.vpn-app-pill{display:inline-flex;align-items:center;gap:8px;padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(99,102,241,.22);background:#6366f11a;color:#e0e7ffeb;font-weight:800;font-size:.82rem}.vpn-app-badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .5rem;border-radius:999px;font-weight:900;font-size:.72rem;letter-spacing:.08em;color:#020617f2;background:linear-gradient(135deg,#22d3eef2,#6366f1f2);box-shadow:0 14px 34px #6366f13d}.vpn-app-link{color:#bea6fff2;text-decoration:none;font-weight:800;font-size:.85rem}.vpn-app-link:hover{text-decoration:underline}.vpn-app-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.vpn-stat-card{border-radius:18px;border:1px solid rgba(148,163,184,.14);background:#0f172a38;padding:.85rem .9rem;transition:border-color .2s ease,background .2s ease}.vpn-stat-card:hover{border-color:#6366f147;background:#0f172a59}.vpn-nav-dock{border-radius:22px;border:1px solid transparent;background:linear-gradient(180deg,#0f172aeb,#020617f2) padding-box,linear-gradient(135deg,#6366f138,#06b6d41f) border-box;box-shadow:0 26px 80px #00000073,0 0 0 1px #6366f11a}.dark .btn-primary,.btn-primary{background:var(--gradient-premium)!important;background-size:var(--gradient-premium-size)!important;animation:premiumGradient 8s ease infinite;box-shadow:0 4px 15px #6366f159;border:none}.dark .bento-card,.dark .card,.bento-card,.card{border-radius:22px;border:1px solid transparent;background:linear-gradient(180deg,#0206174d,#0206172e) padding-box,linear-gradient(135deg,#6366f138,#22d3ee24,#ec489929) border-box;box-shadow:0 20px 60px #00000047}@media(prefers-reduced-motion:reduce){.hero-title-app,.text-gradient,.btn-primary{animation:none!important}}html.astrafic-lock{color-scheme:dark}html.astrafic-lock,html.astrafic-lock.light{--color-dark-bg: #020617 !important;--color-dark-surface: #0f172a !important;--color-dark-text: #f1f5f9 !important;--color-dark-text-secondary: #94a3b8 !important;--bento-radius: 22px !important;--bento-radius-lg: 22px !important}html.astrafic-lock body,html.astrafic-lock.light body{background-color:#020617!important;color:#f1f5f9!important}html.astrafic-lock .light,html.astrafic-lock.light{--color-champagne-50: 15, 23, 42 !important;--color-champagne-100: 15, 23, 42 !important;--color-champagne-200: 2, 6, 23 !important;--color-champagne-900: 241, 245, 249 !important;--color-champagne-950: 241, 245, 249 !important}html.astrafic-lock .btn-primary,html.astrafic-lock.dark .btn-primary{background:var(--gradient-premium)!important;background-size:var(--gradient-premium-size, 200% 200%)!important}html.astrafic-lock .vpn-app-card,html.astrafic-lock .bento-card,html.astrafic-lock .card{border-radius:22px!important}