.signin{background:var(--paper);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.signin .wordmark{margin:0 auto;position:absolute;top:40px;left:0;right:0}.signin-card{background:var(--white);border-radius:24px;width:440px;padding:44px 40px 36px;box-shadow:0 1px 2px #0e0e100a,0 30px 60px -30px #0e0e1033}.signin-card h1{font:var(--t-title);letter-spacing:var(--ls-title);text-align:center;margin:0}.signin-card .sub{font:var(--t-body);color:var(--ink-50);text-align:center;margin-top:10px}.signin-card .providers{flex-direction:column;gap:10px;margin-top:32px;display:flex}.signin-card .or{font:var(--t-small);color:var(--ink-35);align-items:center;gap:14px;margin:26px 0 18px;display:flex}.signin-card .or:before,.signin-card .or:after{content:"";background:var(--ink-07);flex:1;height:1px}.signin-card .email{height:var(--h-input);border-radius:var(--r-pill);background:var(--fill);font:var(--t-body);text-align:center;width:100%;color:var(--ink);border:0;outline:none;justify-content:center;align-items:center;padding:0 22px;display:flex}.signin-card .email::placeholder{color:var(--ink-38)}.signin-card .email.code{font-family:var(--mono);letter-spacing:.2em}.signin-card .terms{text-align:center;font:var(--t-small);color:var(--ink-42);margin-top:26px}.signin-card .error-line{text-align:center;margin-top:14px}.signin-card .captcha:not(:empty){justify-content:center;margin-top:14px;display:flex}.signin-card .back{font:var(--t-sub);color:var(--ink-50);transition:color var(--dur-state), transform var(--dur-state) var(--pop);margin:18px auto 0;display:block}.signin-card .back:hover{color:var(--ink)}.step{background:var(--white);min-height:100vh;position:relative}.step.screen{background:var(--white)}.step .step-back,.step .wordmark{position:absolute;top:28px;left:32px}.step .step-eyebrow{position:absolute;top:30px;right:32px}.first-source{width:640px;margin:0 auto;padding-top:120px;padding-bottom:80px}.first-source h1{font:var(--t-display);letter-spacing:var(--ls-display);margin:12px 0 0}.first-source .lead{font:var(--t-lead);color:var(--ink-55);margin-top:14px}.choices{background:var(--paper);border-radius:22px;flex-direction:column;gap:2px;margin-top:32px;padding:6px;display:flex}.choice{border-radius:var(--r-card);text-align:left;width:100%;transition:background var(--dur-state), box-shadow var(--dur-state), transform var(--dur-state) var(--pop);align-items:center;gap:14px;padding:14px 18px;display:flex}.choice:active{transition:transform var(--dur-state) var(--ease);transform:scale(.99)}.choice:hover{background:#fff9}.choice.on{background:var(--white);box-shadow:var(--shadow-hair)}.choice>div:last-child{flex:1;min-width:0}.choice .t{font:var(--t-body);letter-spacing:var(--ls-body);color:var(--ink-70);line-height:1.3}.choice.on .t{color:var(--ink);font-weight:500}.choice .s{font:var(--t-sub);color:var(--ink-45);margin-top:2px}.first-source .name-label{margin-top:28px}.first-source .input-pill{margin-top:var(--eyebrow-gap)}.first-source .actions{align-items:center;gap:12px;margin-top:32px;display:flex}.key-ready{grid-template-columns:600px 460px;gap:100px;padding:150px 0 80px 140px;display:grid}.key-ready h1{font:var(--t-display);letter-spacing:var(--ls-display);text-wrap:balance;margin:16px 0 0}.key-ready .lead{font:var(--t-lead);color:var(--ink-55);text-wrap:pretty;max-width:520px;margin-top:16px}.key-ready .doors{gap:6px;margin-top:36px;display:flex;overflow-x:auto}.key-ready .code{margin-top:14px}.key-ready .ride{font:var(--t-sub);color:var(--ink-50);align-items:center;gap:12px;margin-top:22px;display:flex}.key-ready .actions{align-items:center;gap:12px;margin-top:56px;display:flex}.key-ready .listening{font:var(--t-sub);color:var(--ink-50);align-items:center;gap:10px;margin-top:18px;display:flex}.get-app{background:var(--paper);border-radius:var(--r-panel);align-self:start;padding:32px}.get-app h2{font:var(--t-subtitle);letter-spacing:var(--ls-title);margin:0}.get-app .sub{font:var(--t-body);color:var(--ink-50);margin-top:8px}.get-app .qr-row{align-items:center;gap:28px;margin-top:28px;display:flex}.get-app .qr{background:var(--white);border-radius:var(--r-card);flex:none;width:148px;height:148px;padding:14px}.get-app .qr canvas,.get-app .qr img{width:120px;height:120px;display:block}.get-app .scan{font:var(--t-body);color:var(--ink-60)}.get-app .mail{font:var(--t-sub);cursor:pointer;color:var(--ink);text-align:left;background:0 0;border:0;margin-top:18px;padding:0;font-weight:500}.get-app .mail:disabled{color:var(--ink-42);cursor:default}.get-app .scan-text{min-width:0}.get-page{max-width:420px;margin:0 auto;padding:48px 0 0}.get-page .title{font:var(--t-title);letter-spacing:-.03em;margin:0 0 12px}.get-page .lead{font:var(--t-body);color:var(--ink-70);margin:0 0 24px}.get-page .sub{font:var(--t-sub);color:var(--ink-45);margin:20px 0 0}.get-page .actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.get-page .badge img{width:auto;height:40px;display:block}@media (width<=1299px){.key-ready{grid-template-columns:minmax(0,1fr);gap:48px;max-width:720px;margin:0 auto;padding:130px 32px 80px}.key-ready .lead{max-width:none}}@media (width<=767px){.signin-card{width:auto;margin:0 16px;padding:36px 24px 28px}.step .step-back,.step .wordmark{top:20px;left:16px}.step .step-eyebrow{top:22px;right:16px}.first-source{width:auto;padding:96px 16px 60px}.first-source .actions,.key-ready .actions{flex-wrap:wrap}.key-ready{gap:32px;padding:96px 16px 60px}.key-ready .actions{margin-top:36px}.get-app{padding:24px}.get-app .qr-row{flex-wrap:wrap;gap:20px}.get-page{padding:48px 16px 0}}
