@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--font-family:"sohne-var","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-body:var(--font-family);--font-heading:var(--font-family);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.625rem;--text-3xl:2rem;--text-4xl:3rem;--text-5xl:3.5rem;--text-6xl:4rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--leading-tight:1.03;--leading-snug:1.15;--leading-normal:1.4;--leading-relaxed:1.6;--tracking-tight-xl:-1.4px;--tracking-tight-lg:-.96px;--tracking-tight-md:-.64px;--tracking-tight-sm:-.26px;--tracking-normal:normal;--color-primary:#533afd;--color-primary-hover:#4434d4;--color-primary-light:var(--color-primary-light);--color-ruby:#ea2261;--color-magenta:#f96bee;--color-magenta-light:#ffd7ef;--color-lemon:#9b6829;--color-gray-50:#f6f9fc;--color-gray-100:#e5edf5;--color-gray-200:#d4dee9;--color-gray-300:#c2d1e0;--color-gray-400:#b0c4d8;--color-gray-500:#64748d;--color-gray-600:#475569;--color-gray-700:#273951;--color-gray-800:#0d253d;--color-gray-900:#061b31;--bg-primary:#fff;--bg-secondary:#f6f9fc;--bg-tertiary:#e5edf5;--bg-dark:#1c1e54;--text-primary:#061b31;--text-secondary:#64748d;--text-tertiary:#273951;--text-inverse:#fff;--color-success:#15be53;--color-success-text:#108c3d;--color-success-light:#15be5333;--color-warning:#9b6829;--color-warning-light:#fff8e1;--color-info:#2874ad;--color-info-light:#2b91df33;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:5px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:8px;--radius-full:9999px;--shadow-sm:#1717170f 0px 3px 6px;--shadow-md:#17171714 0px 15px 35px;--shadow-lg:#32325d40 0px 30px 45px -30px,#0000001a 0px 18px 36px -18px;--shadow-xl:#03032740 0px 14px 21px -14px,#0000001a 0px 8px 17px -8px;--shadow-2xl:#0303274d 0px 40px 60px -30px,#00000026 0px 20px 40px -20px;--shadow-card:var(--shadow-md);--shadow-card-hover:var(--shadow-lg);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--container-max:1280px;--container-narrow:960px;--sidebar-width:280px;--header-height:80px;--section-padding:120px;--font-sans:var(--font-family);--font-mono:"Source Code Pro","SFMono-Regular",monospace;--color-bg-primary:var(--bg-primary);--color-bg-secondary:var(--bg-secondary);--color-bg-elevated:#fff;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-tertiary);--color-text-inverse:var(--text-inverse);--color-border:var(--color-gray-100);--color-border-hover:var(--color-gray-200);--color-primary-dark:var(--color-primary-hover);--color-primary-bg:#533afd0d;--color-primary-border:var(--color-primary-light);--shadow-xs:var(--shadow-sm);--color-bg-dark:var(--bg-dark);--color-bg-dark-alt:#0f103b;--color-bg-dark-card:#1c1e54;--color-bg-dark-secondary:#0d253d;--color-text-dark-primary:#fff;--color-text-dark-secondary:#ffffffb3;--color-text-dark-muted:#ffffff80;--color-text-dark-dim:#64748d;--color-border-dark:#ffffff1a;--color-border-dark-strong:#fff3;--color-primary-on-dark:#b9b9f9;--color-success-on-dark:#15be53}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-light);line-height:var(--leading-normal);color:var(--text-secondary);background:var(--bg-primary);font-feature-settings:"ss01"}h1,.h1{font-size:var(--text-5xl);font-weight:var(--font-light);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight-xl);color:var(--text-primary);font-feature-settings:"ss01"}h2,.h2{font-size:var(--text-4xl);font-weight:var(--font-light);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight-lg);color:var(--text-primary);font-feature-settings:"ss01"}h3,.h3{font-size:var(--text-3xl);font-weight:var(--font-light);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight-md);color:var(--text-primary);font-feature-settings:"ss01"}h4,.h4{font-size:var(--text-2xl);font-weight:var(--font-light);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight-sm);color:var(--text-primary);font-feature-settings:"ss01"}h5,.h5{font-size:var(--text-xl);font-weight:var(--font-light);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight-sm);color:var(--text-primary);font-feature-settings:"ss01"}h6,.h6{font-size:var(--text-lg);font-weight:var(--font-light);line-height:var(--leading-normal);color:var(--text-primary);font-feature-settings:"ss01"}p{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-secondary);font-weight:var(--font-light);font-feature-settings:"ss01"}.text-sm{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-normal)}.text-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed)}a{color:var(--text-primary);transition:color var(--transition-fast);text-decoration:underline}a:hover{color:var(--color-primary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-tight);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-feature-settings:"ss01";border:none;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--text-inverse);box-shadow:none}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-secondary{color:var(--color-info);border:1px solid var(--color-info-light);background:0 0}.btn-secondary:hover{background:var(--color-gray-50)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary-light);background:0 0}.btn-outline:hover{background:var(--color-primary-bg)}.btn-lg{padding:var(--space-3)var(--space-6);font-size:var(--text-lg);border-radius:var(--radius-md)}.btn-sm{padding:4px var(--space-3);font-size:var(--text-sm)}.input{width:100%;padding:var(--space-2)var(--space-3);font-family:var(--font-family);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-feature-settings:"ss01";outline:none}.input::placeholder{color:var(--text-secondary)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.input:hover:not(:focus){border-color:var(--color-primary-light)}.card{background:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base),transform var(--transition-base);box-shadow:var(--shadow-md);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg)}.card-body{padding:var(--space-6)}.badge{align-items:center;gap:var(--space-1);font-size:11px;font-weight:var(--font-regular);border-radius:var(--radius-sm);font-feature-settings:"ss01";padding:1px 6px;display:inline-flex}.badge-success{background:var(--color-success-light);color:var(--color-success-text);border:1px solid #15be5366}.badge-warning{background:var(--color-warning-light);color:var(--color-warning);border:1px solid #9b682933}.badge-info{background:var(--color-info-light);color:var(--color-info);border:1px solid #2b91df33}.badge-neutral{background:var(--bg-primary);color:#000;border:1px solid var(--color-border)}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.container-narrow{max-width:var(--container-narrow)}.divider{background:var(--color-gray-100);width:100%;height:1px;margin:var(--space-6)0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--color-primary)}.bg-white{background:var(--bg-primary)}.bg-gray{background:var(--bg-secondary)}@media (max-width:768px){:root{--text-4xl:2rem;--text-5xl:2.5rem;--text-6xl:3rem}.container{padding:0 var(--space-4)}}