:root{--color-primary:#152b54;--color-accent:#00aeef;--color-background:#020617;--color-surface:#0b1120;--color-card:#111827;--color-border:#1f2937;--color-text-primary:#e5e7eb;--color-text-secondary:#9ca3af;--color-success:#22c55e;--color-warning:#f59e0b;--font-primary:"Figtree",sans-serif;--text-hero:64px;--text-h1:64px;--text-h2:44px;--text-h3:32px;--text-h4:24px;--text-body-large:18px;--text-body:16px;--text-base:16px;--text-small:14px;--text-nav:15px;--leading-hero:1.1;--leading-heading:1.2;--leading-subheading:1.3;--leading-body:1.6;--leading-normal:1.5;--tracking-hero:-.01em;--tracking-normal:0;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:48px;--spacing-xl:96px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--max-width:1280px;--gutter:24px}:root,:host{--color-background:var(--color-background);--color-card:var(--color-card);--color-primary:var(--color-primary);--color-accent:var(--color-accent);--color-border:var(--color-border);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg)}@layer base{*{border-color:var(--color-border);outline-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--color-accent)50%,transparent)}}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-body);font-weight:var(--font-weight-normal);line-height:var(--leading-body);letter-spacing:var(--tracking-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}h1{font-size:var(--text-h1);font-weight:var(--font-weight-bold);line-height:var(--leading-hero);letter-spacing:var(--tracking-hero)}h2{font-size:var(--text-h2);font-weight:var(--font-weight-bold);line-height:var(--leading-heading);letter-spacing:var(--tracking-normal)}h3{font-size:var(--text-h3);font-weight:var(--font-weight-semibold);line-height:var(--leading-subheading);letter-spacing:var(--tracking-normal)}h4{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}p{font-size:var(--text-body);font-weight:var(--font-weight-normal);line-height:var(--leading-body);color:var(--color-text-secondary)}nav a,nav button{font-family:var(--font-primary);font-size:var(--text-nav);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-normal)}button{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-semibold)}label{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}input,textarea,select{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-normal)}small,.text-small{font-family:var(--font-primary);font-size:var(--text-small);font-weight:var(--font-weight-normal);line-height:var(--leading-normal)}code,pre{font-family:var(--font-primary);font-size:var(--text-small)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.2s ease-out fadeIn}.scrollbar-thin::-webkit-scrollbar{height:8px}.scrollbar-thin::-webkit-scrollbar-track{background:var(--color-border);border-radius:4px}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#0095d1}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--color-accent)var(--color-border)}.text-hero{font-family:var(--font-primary);font-size:var(--text-hero);font-weight:var(--font-weight-bold);line-height:var(--leading-hero);letter-spacing:var(--tracking-hero);color:var(--color-text-primary)}.text-section-heading{font-family:var(--font-primary);font-size:var(--text-h2);font-weight:var(--font-weight-bold);line-height:var(--leading-heading);letter-spacing:var(--tracking-normal);color:var(--color-text-primary)}.text-subheading{font-family:var(--font-primary);font-size:var(--text-h3);font-weight:var(--font-weight-semibold);line-height:var(--leading-subheading);letter-spacing:var(--tracking-normal);color:var(--color-text-primary)}.text-body-large{font-family:var(--font-primary);font-size:var(--text-body-large);font-weight:var(--font-weight-normal);line-height:var(--leading-body);color:var(--color-text-secondary)}.text-body{font-family:var(--font-primary);font-size:var(--text-body);font-weight:var(--font-weight-normal);line-height:var(--leading-body);color:var(--color-text-secondary)}.text-nav{font-family:var(--font-primary);font-size:var(--text-nav);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-normal)}.text-button{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-normal)}.text-caption{font-family:var(--font-primary);font-size:var(--text-small);font-weight:var(--font-weight-normal);line-height:var(--leading-normal);color:var(--color-text-secondary)}@media (max-width:768px){.text-hero,h1{font-size:40px;line-height:1.15}.text-section-heading,h2{font-size:32px;line-height:1.25}.text-subheading,h3{font-size:24px;line-height:1.35}h4{font-size:20px}body,.text-body{font-size:16px}.text-body-large{font-size:18px}}@media (min-width:769px) and (max-width:1024px){.text-hero,h1{font-size:52px}.text-section-heading,h2{font-size:38px}}}
