Copy everything between the triple backticks: ```css *{box-sizing:border-box;max-width:100%}img,video{max-width:100%}body{overflow-x:hidden;max-width:100vw}.beta-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--navy, #0d1b2a);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:20px 0;z-index:9999}.beta-gate__card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 40px;max-width:400px;width:90%;margin:auto}.beta-gate__logo{height:100px;width:100px;object-fit:contain}.beta-gate__title{font-family:var(--mono, monospace);font-size:2rem;font-weight:700;letter-spacing:.2em;color:var(--amber, #c8952a)}.beta-gate__title-ai{font-size:.5em;font-weight:600;letter-spacing:.08em;color:var(--amber, #c8952a);opacity:.9;vertical-align:super;margin-left:3px}.beta-gate__tagline{font-family:serif;font-style:italic;font-size:.95rem;color:var(--amber, #c8952a);letter-spacing:.12em;opacity:.8}.beta-gate__form{display:flex;gap:8px;width:100%;margin-top:8px}.beta-gate__input{flex:1;min-width:0;background:#ffffff0d;border:1px solid rgba(200,149,42,.4);border-radius:4px;padding:12px 16px;font-family:var(--mono, monospace);font-size:.9rem;color:var(--cream, #f0e8d5);outline:none}.beta-gate__input:focus{border-color:var(--amber, #c8952a);box-shadow:0 0 0 3px #c8952a26}.beta-gate__btn{flex-shrink:0;background:var(--amber, #c8952a);color:var(--navy, #0d1b2a);border:none;border-radius:4px;padding:12px 20px;font-family:var(--mono, monospace);font-size:.75rem;font-weight:700;letter-spacing:.12em;cursor:pointer;transition:background .15s}.beta-gate__btn:hover:not(:disabled){background:#e8b84b}.beta-gate__btn:disabled{opacity:.5;cursor:not-allowed}.beta-gate__error{font-family:var(--mono, monospace);font-size:.75rem;color:#e74c3c;letter-spacing:.05em}.beta-gate__divider{color:var(--text-muted);font-size:.75rem;letter-spacing:.1em;text-align:center;width:100%}.beta-gate__waitlist-link{background:none;border:none;color:var(--amber);font-family:var(--mono);font-size:.8rem;cursor:pointer;text-decoration:underline;padding:0}.beta-gate__waitlist-success{color:#2ecc71;font-family:var(--mono);font-size:.8rem;text-align:center}.auth-tabs{display:flex;gap:0;width:100%;border:1px solid var(--navy-border);border-radius:4px;overflow:hidden;margin-bottom:4px}.auth-tab{flex:1;background:transparent;border:none;color:var(--text-secondary);font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;padding:10px;@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-amber{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}}.auth-tab :root{--navy: #0d1b2a;--navy-mid: #132033;--navy-light: #1a2d45;--navy-border: #1e3a5f;--amber: #c8952a;--amber-light: #e8b84b;--amber-dim: rgba(200, 149, 42, .15);--amber-glow: rgba(200, 149, 42, .08);--cream: #f0e8d5;--cream-dim: rgba(240, 232, 213, .7);--cream-faint: rgba(240, 232, 213, .15);--red: #c0392b;--red-dim: rgba(192, 57, 43, .15);--green: #27ae60;--green-dim: rgba(39, 174, 96, .12);--orange: #d68910;--orange-dim: rgba(214, 137, 16, .12);--text-primary: #f0e8d5;--text-secondary: rgba(240, 232, 213, .65);--text-muted: rgba(240, 232, 213, .35);--mono: "Source Code Pro", monospace;--serif: "Inter", system-ui, sans-serif;--sans: "Inter", system-ui, sans-serif;--activity-accent: var(--amber);--activity-accent-light: var(--amber-light);--activity-accent-dim: var(--amber-dim);--activity-accent-glow: var(--amber-glow);--radius: 4px;--radius-lg: 8px}.auth-tab *,.auth-tab *:before,.auth-tab *:after{box-sizing:border-box;margin:0;padding:0}.auth-tab html{font-size:16px;scroll-behavior:smooth}.auth-tab body{background-color:var(--navy);color:var(--text-primary);font-family:var(--sans);font-weight:300;line-height:1.6;min-height:100vh;background-image:radial-gradient(ellipse at 20% 0%,rgba(200,149,42,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(30,58,95,.8) 0%,transparent 60%);overflow-x:hidden}.auth-tab ::-webkit-scrollbar{width:6px}.auth-tab ::-webkit-scrollbar-track{background:var(--navy)}.auth-tab ::-webkit-scrollbar-thumb{background:var(--navy-border);border-radius:3px}.auth-tab ::-webkit-scrollbar-thumb:hover{background:var(--amber)}.auth-tab h1,.auth-tab h2,.auth-tab h3{font-family:var(--serif);font-weight:600}.auth-tab .mono{font-family:var(--mono)}.auth-tab .fade-up{animation:fadeUp .5s ease forwards}.auth-tab .fade-up-delay-1{animation:fadeUp .5s .1s ease both}.auth-tab .fade-up-delay-2{animation:fadeUp .5s .2s ease both}.auth-tab .fade-up-delay-3{animation:fadeUp .5s .3s ease both}.auth-tab .text-amber{color:var(--amber-light)}.auth-tab .text-muted{color:var(--text-secondary)}.auth-tab .text-mono{font-family:var(--mono)}.auth-tab button{cursor:pointer;font-family:var(--sans);border:none;outline:none}.auth-tab input{font-family:var(--sans);outline:none}.auth-tab a{color:var(--amber-light);text-decoration:none}.auth-tab a:hover{text-decoration:underline}.auth-tab .app--power{--activity-accent: #4a9eff;--activity-accent-light: #6bb4ff;--activity-accent-dim: rgba(74, 158, 255, .15);--activity-accent-glow: rgba(74, 158, 255, .08)}.auth-tab .app--fishing{--activity-accent: #c8824a;--activity-accent-light: #d8a070;--activity-accent-dim: rgba(200, 130, 74, .15);--activity-accent-glow: rgba(200, 130, 74, .08)}.auth-tab .app--paddle{--activity-accent: #5a9e6f;--activity-accent-light: #7ab88a;--activity-accent-dim: rgba(90, 158, 111, .15);--activity-accent-glow: rgba(90, 158, 111, .08)}
