@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:dark;--color-bg: #1a1a1a;--color-surface: #1e1e1e;--color-surface-elevated: #2a2a2a;--color-border: #333;--color-border-strong: #444;--color-text: rgba(255, 255, 255, .87);--color-text-bright: #fff;--color-text-muted: #ccc;--color-text-muted-alt: #888;--color-accent: #4a9eff;--color-accent-hover: #3a8eef;--color-accent-muted: rgba(74, 158, 255, .2);--color-accent-soft: rgba(74, 158, 255, .1);--color-button-bg: #333;--color-button-hover: #4a9eff;--color-button-border: #555;--color-button-text: #fff;--color-success: #28a745;--color-success-hover: #218838;--color-success-soft: rgba(40, 167, 69, .15);--color-input-bg: #2a2a2a;--color-overlay-backdrop: rgba(0, 0, 0, .8);--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .3)}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Inter,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);margin:0;padding:0;line-height:1.6}*{margin:0;padding:0;box-sizing:border-box}.App{min-height:100vh}.container{width:75%;max-width:none;margin-left:auto;margin-right:auto;padding:0 1rem}.navbar{background:var(--color-surface);position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid var(--color-border)}.nav-container{width:75%;max-width:none;margin-left:auto;margin-right:auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{text-decoration:none;color:inherit;display:flex;align-items:center;gap:.75rem}.nav-logo-img{height:2.25rem;width:auto;display:block}.nav-logo-text{display:flex;flex-direction:column}.nav-logo h2{color:var(--color-accent);font-size:1.5rem;font-weight:700;margin:0;line-height:1.2}.nav-logo span{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center}.nav-link{text-decoration:none;color:var(--color-text-muted);font-weight:500;transition:color .2s ease}.nav-link:hover{color:var(--color-text-bright)}.nav-link.nav-cta{color:var(--color-accent)}.nav-link.nav-cta:hover{color:var(--color-accent-hover)}button.nav-link,button.nav-join-beta{background:none;border:none;font:inherit;cursor:pointer;padding:0}.nav-join-beta{color:var(--color-accent)!important}.nav-join-beta:hover{color:var(--color-accent-hover)!important}.hero{background:var(--color-bg);padding:140px 0 80px;display:flex;align-items:flex-start;justify-content:center;min-height:70vh;position:relative;border-bottom:1px solid var(--color-border)}.hero .container{display:flex;justify-content:center;align-items:flex-start}.hero-content{width:100%;max-width:none;text-align:center}.hero-tagline-animated{font-size:2.25rem;line-height:1.5;color:var(--color-text);margin-bottom:2rem;min-height:3.5em;opacity:0;transition:opacity ease-out;text-align:center}.hero-tagline-animated.hero-tagline-visible{opacity:1}.hero-screenshot{width:100%;max-width:none;height:auto;border-radius:.5rem;margin-bottom:1.5rem;display:block}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn-primary,.btn-secondary{padding:.875rem 1.75rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;border:1px solid transparent;text-decoration:none;display:inline-block}.btn-primary{background:var(--color-accent);color:var(--color-button-text);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background:var(--color-button-bg);color:var(--color-text-bright);border-color:var(--color-button-border)}.btn-secondary:hover{background:var(--color-button-hover);border-color:var(--color-accent);color:var(--color-button-text)}.modal-backdrop{position:fixed;inset:0;z-index:2000;background:var(--color-overlay-backdrop, rgba(0, 0, 0, .75));display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-content{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:.5rem;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem;box-shadow:var(--shadow-dropdown, 0 8px 32px rgba(0, 0, 0, .4))}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.modal-header h2{color:var(--color-text-bright);font-size:1.35rem;font-weight:700;margin:0}.modal-close{background:none;border:none;color:var(--color-text-muted);font-size:1.75rem;line-height:1;cursor:pointer;padding:0 .25rem}.modal-close:hover{color:var(--color-text-bright)}.modal-intro{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1.25rem;line-height:1.5}.modal-intro a{color:var(--color-accent)}.join-form .form-group{margin-bottom:1rem}.join-form label{display:block;color:var(--color-text-muted);font-size:.875rem;font-weight:500;margin-bottom:.35rem}.join-form input,.join-form textarea{width:100%;padding:.65rem .75rem;border-radius:.375rem;border:1px solid var(--color-border-strong);background:var(--color-input-bg, #2a2a2a);color:var(--color-text);font-size:1rem;font-family:inherit}.join-form input:focus,.join-form textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted)}.join-form textarea{resize:vertical;min-height:100px}.modal-submit{width:100%;margin-top:.5rem}.modal-submit:disabled{opacity:.7;cursor:not-allowed}.form-success{margin-top:1rem;padding:.75rem;background:var(--color-success-soft, rgba(40, 167, 69, .15));border:1px solid var(--color-success, #28a745);border-radius:.375rem;color:var(--color-success, #28a745);font-size:.9rem}.form-fallback{margin-top:1rem;font-size:.8rem;color:var(--color-text-muted-alt);text-align:center}.form-fallback a{color:var(--color-accent)}@media (max-width: 768px){.container,.nav-container{width:92%}.nav-menu{gap:1rem}.hero{padding:120px 0 60px;min-height:auto}.hero-tagline-animated{font-size:1.25rem}}