@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--color-primary:#fff;--color-primary-pressed:#e8e8e8;--color-on-primary:#000;--color-ink:#f4f4f6;--color-body:#cdcdcd;--color-charcoal:#d3d3d4;--color-mute:#9c9c9d;--color-ash:#6a6b6c;--color-stone:#434345;--color-on-dark:#fff;--color-on-dark-mute:#ffffffb8;--color-canvas:#07080a;--color-surface:#0d0d0d;--color-surface-elevated:#101111;--color-surface-card:#121212;--color-button-fg:#18191a;--color-hairline:#242728;--color-hairline-soft:#ffffff14;--color-hairline-strong:#ffffff29;--color-accent-blue:#57c1ff;--color-accent-blue-soft:#57c1ff26;--color-accent-red:#ff6161;--color-accent-red-soft:#ff616126;--color-accent-green:#59d499;--color-accent-green-soft:#59d49926;--color-accent-yellow:#ffc533;--color-accent-yellow-soft:#ffc53326;--color-hero-stripe-start:#ff5757;--color-hero-stripe-end:#a1131a;--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-section:96px;--rounded-none:0px;--rounded-xs:4px;--rounded-sm:6px;--rounded-md:8px;--rounded-lg:10px;--rounded-xl:16px;--rounded-full:9999px;letter-spacing:0;font-feature-settings:"calt", "kern", "liga", "ss03";--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-body);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{background:var(--color-canvas);min-height:100vh;margin:0}#root{flex-direction:column;max-width:100%;min-height:100vh;margin:0 auto;display:flex}h1,h2,h3,h4{font-feature-settings:"calt", "kern", "liga", "ss03";color:var(--color-ink);margin:0;font-family:Inter,sans-serif}h1{letter-spacing:0;font-size:64px;font-weight:600;line-height:1.1}@media (width<=1024px){h1{font-size:48px}}@media (width<=768px){h1{font-size:36px}}h2{letter-spacing:.2px;font-size:24px;font-weight:500;line-height:1.6}@media (width<=768px){h2{font-size:20px}}p{color:var(--color-body);margin:0;font-size:16px;line-height:1.6}button{font-feature-settings:"calt", "kern", "liga", "ss03";cursor:pointer;border:none;font-family:Inter,sans-serif;transition:all .2s}#center{gap:var(--spacing-xl);padding:var(--spacing-xxl);text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}@media (width<=768px){#center{padding:var(--spacing-xl);gap:var(--spacing-lg)}}.construction-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-lg);background:var(--color-surface-elevated);color:var(--color-on-dark-mute);letter-spacing:.2px;border-radius:var(--rounded-full);border:1px solid var(--color-hairline);font-size:14px;font-weight:500;line-height:1.6;display:inline-flex}.button-primary{background:var(--color-primary);color:var(--color-on-primary);letter-spacing:.2px;border-radius:var(--rounded-md);cursor:pointer;border:none;height:36px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.6;transition:background .2s}.button-primary:hover{background:var(--color-primary-pressed)}.button-primary:active{transform:scale(.98)}.button-secondary{color:var(--color-on-dark);letter-spacing:.2px;border-radius:var(--rounded-md);border:1px solid var(--color-hairline);cursor:pointer;background:0 0;height:36px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.6;transition:all .2s}.button-secondary:hover{border-color:var(--color-hairline-strong);background:var(--color-surface-elevated)}.button-secondary:active{transform:scale(.98)}.hero-content{gap:var(--spacing-lg);flex-direction:column;align-items:center;max-width:800px;display:flex}.hero-content p{color:var(--color-body);max-width:600px;font-size:18px;line-height:1.6}.button-group{gap:var(--spacing-md);margin-top:var(--spacing-md);display:flex}@media (width<=768px){.button-group{flex-direction:column;width:100%}.button-group button{width:100%}}
