@layer base{:root{--background:0 0% 100%;--foreground:220 27% 13%;--card:0 0% 100%;--card-foreground:220 27% 13%;--popover:0 0% 100%;--popover-foreground:220 27% 13%;--primary:25 95% 53%;--primary-foreground:0 0% 100%;--secondary:220 20% 96%;--secondary-foreground:220 20% 35%;--muted:220 15% 96%;--muted-foreground:220 15% 45%;--accent:25 95% 53%;--accent-foreground:0 0% 100%;--destructive:0 72% 51%;--destructive-foreground:0 0% 100%;--border:220 15% 90%;--input:220 15% 90%;--ring:25 95% 53%;--radius:0.75rem;--sidebar-background:220 20% 97%;--sidebar-foreground:220 27% 13%;--sidebar-primary:25 95% 53%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:220 15% 92%;--sidebar-accent-foreground:220 27% 13%;--sidebar-border:220 15% 90%;--sidebar-ring:25 95% 53%;--success:152 60% 40%;--warning:38 92% 50%;--info:199 89% 48%;--chart-1:25 95% 53%;--chart-2:152 60% 40%;--chart-3:38 92% 50%;--chart-4:280 65% 55%;--chart-5:199 89% 48%;--gradient-hero:linear-gradient(135deg,hsl(0 0% 100%),hsl(220 20% 97%) 50%,hsl(0 0% 99%));--gradient-primary:linear-gradient(135deg,hsl(25 95% 53%),hsl(30 95% 58%));--gradient-surface:linear-gradient(180deg,hsl(0 0% 100%),hsl(220 15% 98%));--gradient-glow:radial-gradient(ellipse 60% 40% at 50% -10%,hsl(25 95% 53%/0.08),transparent);--gradient-mesh:radial-gradient(at 30% 20%,hsl(25 95% 53%/0.04) 0px,transparent 50%),radial-gradient(at 80% 80%,hsl(220 27% 13%/0.02) 0px,transparent 50%);--shadow-sm:0 1px 2px hsl(220 27% 13%/0.05);--shadow-card:0 1px 3px hsl(220 27% 13%/0.08),0 0 0 1px hsl(220 15% 90%/0.8);--shadow-elevated:0 8px 32px -8px hsl(220 27% 13%/0.12),0 0 0 1px hsl(220 15% 90%);--shadow-glow:0 0 60px -12px hsl(25 95% 53%/0.1);--tooltip-bg:hsl(0 0% 100%);--tooltip-border:hsl(220 15% 90%);--tooltip-color:hsl(220 27% 13%)}.dark{--background:220 27% 13%;--foreground:220 15% 90%;--card:220 27% 10%;--card-foreground:220 15% 90%;--popover:220 27% 10%;--popover-foreground:220 15% 90%;--primary:25 95% 53%;--primary-foreground:0 0% 100%;--secondary:220 20% 18%;--secondary-foreground:220 10% 70%;--muted:220 20% 16%;--muted-foreground:220 10% 45%;--accent:25 95% 53%;--accent-foreground:0 0% 100%;--destructive:0 72% 51%;--destructive-foreground:0 0% 100%;--border:220 20% 20%;--input:220 20% 20%;--ring:25 95% 53%;--radius:0.75rem;--sidebar-background:220 27% 10%;--sidebar-foreground:220 10% 55%;--sidebar-primary:25 95% 53%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:220 20% 16%;--sidebar-accent-foreground:220 15% 90%;--sidebar-border:220 20% 18%;--sidebar-ring:25 95% 53%;--success:152 60% 48%;--warning:38 92% 55%;--info:199 89% 48%;--chart-1:25 95% 53%;--chart-2:152 60% 48%;--chart-3:38 92% 55%;--chart-4:280 65% 60%;--chart-5:199 89% 48%;--gradient-hero:linear-gradient(135deg,hsl(220 27% 13%),hsl(220 30% 18%) 50%,hsl(220 27% 11%));--gradient-primary:linear-gradient(135deg,hsl(25 95% 53%),hsl(30 95% 58%));--gradient-surface:linear-gradient(180deg,hsl(220 27% 14%),hsl(220 27% 10%));--gradient-glow:radial-gradient(ellipse 60% 40% at 50% -10%,hsl(25 95% 53%/0.12),transparent);--gradient-mesh:radial-gradient(at 30% 20%,hsl(25 95% 53%/0.05) 0px,transparent 50%),radial-gradient(at 80% 80%,hsl(280 65% 60%/0.03) 0px,transparent 50%);--shadow-sm:0 1px 2px hsl(0 0% 0%/0.3);--shadow-card:0 1px 3px hsl(0 0% 0%/0.15),0 0 0 1px hsl(220 20% 20%/0.6);--shadow-elevated:0 8px 32px -8px hsl(0 0% 0%/0.4),0 0 0 1px hsl(220 20% 20%);--shadow-glow:0 0 60px -12px hsl(25 95% 53%/0.2);--tooltip-bg:hsl(220 27% 12%);--tooltip-border:hsl(220 20% 22%);--tooltip-color:hsl(220 15% 90%)}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{font-family:Outfit,Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em}.font-mono,code{font-family:JetBrains Mono,SFMono-Regular,Cascadia Code,Fira Code,Menlo,Monaco,Consolas,monospace}}@layer utilities{.text-gradient{-webkit-background-clip:text;background-clip:text;color:transparent;background-image:var(--gradient-primary)}.surface-elevated{background:var(--gradient-surface);box-shadow:var(--shadow-card)}.surface-glass{background-color:hsl(var(--background)/.8);backdrop-filter:blur(24px);border-bottom:1px solid hsl(var(--border))}.card-interactive{border-radius:.75rem;border:1px solid hsl(var(--border));background-color:hsl(var(--card));transition:all .2s ease}.card-interactive:hover{border-color:hsl(var(--muted-foreground)/.2);background-color:hsl(var(--secondary)/.5)}.glow-border{box-shadow:var(--shadow-glow)}.gradient-hero{background:var(--gradient-hero)}}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:hsl(var(--muted-foreground));font-style:italic}.token.punctuation{color:hsl(var(--muted-foreground))}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:hsl(var(--primary))}.token.attr-name,.token.builtin,.token.char,.token.selector,.token.string{color:hsl(var(--success))}.token.entity,.token.operator,.token.url{color:hsl(var(--muted-foreground))}.token.atrule,.token.attr-value,.token.keyword{color:hsl(var(--primary));font-weight:600}.token.class-name,.token.function{color:hsl(var(--warning))}.token.important,.token.regex,.token.variable{color:hsl(var(--destructive))}.token.bold,.token.important{font-weight:700}