[data-screen=signup]{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg)}[data-screen=signup] header{padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}[data-screen=signup] header .step{font-family:var(--mono);font-size:12px;color:var(--fg-2)}[data-screen=signup] main{flex:1;padding:32px 40px 96px;max-width:720px;width:100%;display:flex;flex-direction:column;margin:0 auto}[data-screen=signup] .eyebrow{font-family:var(--mono);font-size:12px;color:var(--fg-2);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px}[data-screen=signup] .signup-toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 32px;max-width:560px}[data-screen=signup] .signup-toggle a{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid var(--rule);border-radius:20px;background:#FFF;text-decoration:none;color:var(--fg-2);font-size:15px;font-weight:600;transition:transform .15s ease,border-color .15s ease,background .15s ease}[data-screen=signup] .signup-toggle a span{font-family:var(--mono);font-size:11px;font-weight:400;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em}[data-screen=signup] .signup-toggle a:hover{border-color:var(--fg);color:var(--fg);transform:translateY(-1px)}[data-screen=signup] .signup-toggle a.active{border-color:var(--fg);background:var(--lime);color:var(--fg)}@media (max-width:600px){[data-screen=signup] .signup-toggle{grid-template-columns:1fr}}[data-screen=signup] h1{font-family:var(--display);font-size:clamp(48px,7vw,80px);line-height:.94;letter-spacing:-.045em;font-weight:700;margin:0 0 24px;max-width:16ch}[data-screen=signup] h1 .squiggle,[data-screen=signup] h1 em{font-family:var(--serif);font-style:italic;color:var(--hot);font-weight:400}[data-screen=signup] h1 .chip{display:inline-block;background:var(--lime);color:var(--fg);padding:0 14px;border-radius:14px;transform:rotate(-2deg);font-style:normal}[data-screen=signup] .lede{font-size:18px;line-height:1.55;color:var(--fg-2);max-width:56ch;margin:0 0 40px}[data-screen=signup] form{display:flex;flex-direction:column;gap:12px;max-width:480px}[data-screen=signup] label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2);margin-top:8px}[data-screen=signup] input{font:inherit;font-family:var(--body);font-size:16px;border:1px solid var(--rule);border-radius:14px;padding:14px 16px;background:#FFF;color:var(--fg);outline:0;min-height:48px}[data-screen=signup] input:focus{border-color:var(--hot);box-shadow:0 0 0 3px rgba(255,77,26,.12)}[data-screen=signup] .slug-row{display:flex;align-items:stretch;gap:8px}[data-screen=signup] .slug-row input{flex:1}[data-screen=signup] .slug-suffix{display:inline-flex;align-items:center;font-family:var(--mono);font-size:13px;color:var(--fg-2);padding:0 14px;border:1px dashed var(--rule);border-radius:14px;background:#FFF}[data-screen=signup] .error{font-size:14px;line-height:1.5;color:var(--fg);background:var(--pink);border:1px solid var(--hot);border-radius:14px;padding:12px 16px;margin:8px 0}[data-screen=signup] .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--hot);color:#FFF;border:1px solid var(--hot);padding:16px 26px;border-radius:var(--pill);font-size:15px;font-weight:600;margin-top:16px;min-height:52px;align-self:flex-start;transition:transform .15s ease}[data-screen=signup] .btn:hover{filter:brightness(1.05)}[data-screen=signup] .btn:active{transform:scale(.98)}[data-screen=signup] .btn .arrow{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-family:var(--mono)}[data-screen=signup] .fine{font-size:13px;line-height:1.55;color:var(--fg-3);margin-top:16px}[data-screen=signup] .fine a{color:var(--fg-2);border-bottom:1px solid var(--rule);text-decoration:none}@media (max-width:640px){[data-screen=signup] header{padding:16px 24px}[data-screen=signup] main{padding:32px 24px}[data-screen=signup] header .step{display:none}[data-screen=signup] .slug-row{flex-direction:column}}