@font-face{font-family:"Playbooks Yellowtail";src:url("/fonts/yellowtail-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#141211;--bg2:#1a1817;--panel:#201e1d;--hover:#322f2d;--line:#2b2826;--line2:#3a3633;--ink:#d3d1cf;--muted:#8d8a89;--accent:#e5e3e0;--accent2:#cdcbc8;--accentink:#242221}
@media (prefers-color-scheme:light){:root{color-scheme:light;--bg:#f4f2f0;--bg2:#eceae7;--panel:#ffffff;--hover:#f0eeeb;--line:#e6e3df;--line2:#cfcbc6;--ink:#1f1d1c;--muted:#6b6764;--accent:#1f1d1c;--accent2:#34322f;--accentink:#f7f5f3}
.providers [data-provider="apple"] img{filter:invert(1)}}
*{box-sizing:border-box}html,body{min-width:320px;min-height:100vh;margin:0}
body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;font-size:14px;line-height:1.55;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
main{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:24px}
.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;min-height:44px;padding:8px 16px 0}
.top .wordmark{font-size:28px}.steps{display:flex;gap:8px}.steps span{width:96px;height:3px;border-radius:2px;background:var(--line2)}.steps span.on{background:var(--ink)}
.stage{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;padding:32px 0 48px}
.gate{width:min(100%,400px);margin:0 auto}
.gate .panel>h1{margin-bottom:8px}
.panel.entry>.brand{text-align:center;margin:4px 0 16px}.panel.entry>h1{text-align:center;margin-bottom:24px;font-size:17px}
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);width:min(100%,880px);margin:0 auto;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}
.offer{position:relative;padding:36px;border-right:1px solid var(--line);overflow:hidden;--ink:#eceae7;--muted:#bdbab7;--line2:rgba(255,255,255,.2);color:var(--ink);background:#141211}
.offer::before{content:"";position:absolute;inset:0;background:url("/img/offer.jpg") 58% center/cover}
.offer::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,17,.62),rgba(20,18,17,.5) 45%,rgba(20,18,17,.72))}
.offer>*{position:relative;z-index:1}.offer h2{margin:0;font-size:17px;font-weight:600}.offer .plan{margin:2px 0 0;color:var(--muted);font-size:13px}
.price{display:flex;align-items:baseline;gap:8px;margin:20px 0 4px}.price b{font-size:40px;line-height:1;font-weight:650;letter-spacing:-.02em}.price span{color:var(--muted);font-size:13px}
.offer .note{margin:0;font-size:13px}.offer hr{border:0;border-top:1px solid var(--line2);margin:24px 0}
.offer h3{margin:0 0 12px;font-size:13px;font-weight:500;color:var(--muted)}
.offer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:13px}
.offer li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start}
.offer li::before{content:"";width:16px;height:16px;margin-top:2px;border:1.5px solid var(--ink);border-radius:50%;background:radial-gradient(circle,var(--ink) 0 2.5px,transparent 3px)}
.offer .walk{margin:0 0 4px;color:var(--muted);font-size:13px}.offer .text-link{font-size:13px;color:var(--ink)}
.form{padding:36px}.form>h1{margin-bottom:20px}.form .panel{border:0;border-radius:0;padding:0;background:transparent}
@media (max-width:760px){.top{padding:0}.split{grid-template-columns:1fr}.offer{order:2;border-right:0;border-top:1px solid var(--line);padding:24px}.form{padding:24px}.steps span{width:40px}.price b{font-size:32px}}
.wordmark{display:inline-block;font-family:"Playbooks Yellowtail","Segoe Script",cursive;font-weight:400;font-size:40px;letter-spacing:0;color:var(--ink);white-space:nowrap;line-height:.9;overflow:visible;padding:.16em .34em .24em .08em;margin:-.16em -.34em -.24em -.08em}
.wordmark .cool{display:inline-block;overflow:visible;padding-right:.34em;margin-right:-.34em;color:transparent;background:linear-gradient(90deg,#ff4f7b,#ff9f1c,#ffe45e,#39d98a,#35a7ff,#9b5cff,#ff4fbe,#ff4f7b);background-size:260% 100%;background-clip:text;-webkit-background-clip:text}
h1{margin:0;font-size:21px;font-weight:600}
.intro{margin-top:12px;color:var(--muted);font-size:13px;line-height:1.5}.intro p{margin:8px 0}
p{margin:8px 0}.muted{color:var(--muted)}
.panel{border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--panel)}
.panel .panel{border:0;border-top:1px solid var(--line);border-radius:0;padding:16px 0 0;margin-top:16px;background:transparent}
form.fields{display:grid;gap:8px}
label{font-size:12px;font-weight:500}
input,textarea{width:100%;min-height:36px;border:1px solid var(--line2);border-radius:6px;padding:8px 10px;background:var(--bg);color:var(--ink);font:inherit}
textarea{resize:vertical}label+input,label+textarea{margin-bottom:4px}
input:focus-visible,textarea:focus-visible,.button:focus-visible{outline:2px solid var(--muted);outline-offset:2px}
input::placeholder,textarea::placeholder{color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--line2);padding:7px 12px;background:var(--panel);color:var(--ink);font:inherit;font-weight:600;font-size:12.5px;border-radius:5px;text-decoration:none;cursor:pointer}
.button:hover{background:var(--hover)}
.button.primary{border-color:var(--accent);background:var(--accent);color:var(--accentink)}.button.primary:hover{background:var(--accent2)}
.button.block{width:100%;margin-top:8px}
.help,.hint{margin:8px 0;color:var(--muted);font-size:12px;line-height:1.5}
.divider{display:flex;gap:12px;align-items:center;margin:20px 0;color:var(--muted);font-size:11px;text-transform:uppercase}
.divider::before,.divider::after{content:"";flex:1;border-top:1px solid var(--line)}
.providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.providers .button{padding:8px 4px}.providers img{display:block}
.switch{display:block;width:100%;padding:4px 0;color:var(--muted);text-align:center;font-size:12px;line-height:1.5;margin:20px 0 0;text-decoration:underline}
.text-link,form.inline button{border:0;padding:4px 0;background:transparent;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit;font-size:12px}
.text-link:hover,.switch:hover,form.inline button:hover{color:var(--ink)}
.recovery{display:flex;flex-wrap:wrap;gap:12px}form.inline{display:inline}
.below{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:20px}
.privacy{color:var(--muted);text-align:center;margin:16px 12px 0;font-size:11px;line-height:1.5}
.row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
.row:first-child{padding-top:0}.total{font-weight:600}
.digits{display:flex;justify-content:center;gap:8px;margin:20px 0}.digits input{width:44px;height:52px;min-height:0;padding:0;text-align:center;font-size:20px;font-weight:600}
.resend{margin-top:16px;text-align:center;color:var(--muted);font-size:12px}.resend form.inline button{color:var(--ink)}
.summary{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.summary .row:last-of-type{border-bottom:0}
.signed-in{margin:0 0 16px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}