body{margin:0;background:var(--bg)}.view{display:none;min-height:100vh;animation:vIn var(--dur-3) var(--ease-out)}.view.active{display:block}@keyframes vIn{0%{transform:translateY(8px)}to{transform:none}}.auth{display:grid;grid-template-columns:46% 54%;min-height:100vh}@media (max-width:880px){.auth{grid-template-columns:1fr}.auth-brand{display:none}}.auth-brand{position:relative;overflow:hidden;color:#fff;padding:var(--s-12) var(--s-10);background:linear-gradient(150deg,var(--brand),var(--brand-press) 70%,color-mix(in oklab,var(--brand) 50%,#000));display:flex;flex-direction:column}.auth-brand:after{right:-80px;top:-80px;width:380px;height:380px;background:hsla(0,0%,100%,.06)}.auth-brand:after,.auth-brand:before{content:"";position:absolute;border-radius:50%}.auth-brand:before{left:-60px;bottom:-60px;width:260px;height:260px;background:hsla(0,0%,100%,.05)}.auth-brand .brandmark{color:#fff}.auth-brand .brandmark .glyph{background:hsla(0,0%,100%,.16)}.auth-logo-form{display:inline-flex;margin-bottom:var(--s-4);color:var(--ink)}@media (min-width:881px){.auth-logo-form{display:none}}.auth-site-link{display:inline-flex;align-items:center;gap:6px;margin:0 0 var(--s-5);padding:0;font-size:var(--text-sm);font-weight:600;color:var(--brand);text-decoration:none;background:none;border:0;cursor:pointer}.auth-site-link:hover{text-decoration:underline}.auth-site-link .ico{width:16px;height:16px}.auth-contact{font-size:var(--text-sm);color:var(--ink-3);text-align:center;margin:var(--s-5) 0 0;line-height:1.5}.auth-contact a{color:var(--brand);font-weight:600;text-decoration:none}.auth-contact a:hover{text-decoration:underline}.auth-brand .pitch{margin-top:auto;position:relative;z-index:1}.auth-brand .pitch h2{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-3xl);line-height:1.1;letter-spacing:var(--display-tracking);margin:0 0 var(--s-4);max-width:16ch}.auth-brand .pitch p{font-size:var(--text-md);opacity:.9;max-width:40ch;line-height:1.6}.auth-brand .trust{display:flex;gap:var(--s-5);margin-top:var(--s-8);position:relative;z-index:1}.auth-brand .trust .ti{display:flex;flex-direction:column;gap:2px}.auth-brand .trust .ti .n{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-xl)}.auth-brand .trust .ti .l{font-size:var(--text-xs);opacity:.8}.auth-form{display:flex;align-items:center;justify-content:center;padding:var(--s-8)}.auth-card{width:100%;max-width:400px}.auth-card h1{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-2xl);letter-spacing:var(--display-tracking);margin:0 0 6px}.auth-card .sub{color:var(--ink-3);margin:0 0 var(--s-6)}.role-seg{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:var(--s-6)}.role-opt{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-4) var(--s-2);text-align:center;cursor:pointer;transition:all var(--dur-1);background:var(--surface)}.role-opt:hover{border-color:var(--n-300)}.role-opt[aria-pressed=true]{border-color:var(--brand);background:var(--brand-tint)}.role-opt .ic{width:36px;height:36px;border-radius:50%;background:var(--surface-3);color:var(--ink-3);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;transition:all var(--dur-1)}.role-opt[aria-pressed=true] .ic{background:var(--brand);color:var(--brand-ink)}.role-opt .nm{font-weight:600;font-size:var(--text-sm)}.auth-tabs{display:flex;gap:4px;background:var(--surface-3);border-radius:var(--r-sm);padding:3px;margin-bottom:var(--s-4)}.auth-tabs button{flex:1 1;border:0;background:transparent;font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);color:var(--ink-3);padding:8px;border-radius:calc(var(--r-sm) - 3px);cursor:pointer}.auth-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--sh-xs)}.legal{font-size:var(--text-xs);color:var(--ink-4);text-align:center;margin-top:var(--s-5);line-height:1.5}.legal a{color:var(--brand)}.otp-row{display:flex;gap:10px;justify-content:space-between;margin:var(--s-6) 0}.otp-row input{width:100%;aspect-ratio:1;text-align:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.otp-row input:focus{border-color:var(--brand);box-shadow:var(--ring);outline:none}.otp-row input.filled{border-color:var(--brand);background:var(--brand-tint)}.resend{text-align:center;font-size:var(--text-sm);color:var(--ink-3)}.resend b{color:var(--brand)}.ob-top{border-bottom:1px solid var(--line);background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:10}.ob-top .inner{max-width:760px;padding:var(--s-4) var(--s-6);gap:var(--s-4)}.ob-steps,.ob-top .inner{margin:0 auto;display:flex;align-items:center}.ob-steps{gap:0;flex:1 1;max-width:520px}.ob-step{gap:8px}.ob-step,.ob-step .n{display:flex;align-items:center}.ob-step .n{width:28px;height:28px;border-radius:50%;background:var(--surface-3);justify-content:center;font-weight:700;flex:none;transition:all var(--dur-2)}.ob-step .n,.ob-step .nm{color:var(--ink-3);font-size:var(--text-sm)}.ob-step .nm{font-weight:600;white-space:nowrap}.ob-step.active .n,.ob-step.done .n{background:var(--brand);color:var(--brand-ink)}.ob-step.active .nm,.ob-step.done .nm{color:var(--ink)}.ob-bar{flex:1 1;height:2px;background:var(--line);margin:0 10px;min-width:16px}.ob-step.done+.ob-bar{background:var(--brand)}@media (max-width:680px){.ob-step .nm{display:none}}.ob-body{max-width:600px;margin:0 auto;padding:var(--s-10) var(--s-6) var(--s-16)}.ob-head{text-align:center;margin-bottom:var(--s-8)}.ob-head .eyebrow{justify-content:center;margin-bottom:var(--s-3)}.ob-head h1{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-2xl);letter-spacing:var(--display-tracking);margin:0 0 8px}.ob-head p{color:var(--ink-2);margin:0}.ob-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--s-8);box-shadow:var(--sh-sm)}.ob-nav{display:flex;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-6);max-width:600px;margin-left:auto;margin-right:auto}.pending{text-align:center;padding:var(--s-8) 0}.pending .spin{width:88px;height:88px;border-radius:50%;border:4px solid var(--brand-soft);border-top-color:var(--brand);margin:0 auto var(--s-5);animation:spin 1s linear infinite}.pending.ok .spin{border:0;background:var(--success-bg);color:var(--success);display:flex;align-items:center;justify-content:center;animation:pop var(--dur-4) var(--ease-spring)}.pending.ok .spin .ico{width:44px;height:44px}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}.wl-setup{display:grid;grid-template-columns:1fr 280px;grid-gap:var(--s-6);gap:var(--s-6)}@media (max-width:720px){.wl-setup{grid-template-columns:1fr}}.logo-drop{border:2px dashed var(--line);border-radius:var(--r-md);padding:var(--s-6);text-align:center;color:var(--ink-3);cursor:pointer;transition:border-color var(--dur-1)}.logo-drop:hover{border-color:var(--brand-border)}.logo-drop .ic{width:40px;height:40px;color:var(--ink-4);margin:0 auto 8px}.color-swatches{display:flex;gap:10px;flex-wrap:wrap}.color-sw{width:40px;height:40px;border-radius:var(--r-sm);cursor:pointer;border:2px solid transparent;box-shadow:var(--sh-xs)}.color-sw[aria-pressed=true]{border-color:var(--ink)}.tmpl-opts{display:flex;gap:10px}.tmpl-opt{flex:1 1;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-4);cursor:pointer;text-align:center}.tmpl-opt[aria-pressed=true]{border-color:var(--brand);background:var(--brand-tint)}.tmpl-opt .nm{font-weight:700;font-family:var(--font-display)}.tmpl-opt .ds{font-size:var(--text-xs);color:var(--ink-3)}.wl-preview{position:-webkit-sticky;position:sticky;top:90px}.preview-phone{border:8px solid var(--n-900);border-radius:28px;overflow:hidden;box-shadow:var(--sh-lg)}.preview-phone .pp-cover{height:110px;background:linear-gradient(135deg,var(--brand),var(--brand-press));position:relative}.preview-phone .pp-cover .badge{position:absolute;left:12px;bottom:12px}.preview-phone .pp-body{background:var(--surface);padding:14px}.preview-phone .pp-logo{width:34px;height:34px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:flex;align-items:center;justify-content:center;font-weight:800;margin-top:-28px;border:3px solid var(--surface);position:relative}.preview-phone .pp-title{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-md);margin:8px 0}.field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-4);gap:var(--s-4)}@media (max-width:520px){.field-grid{grid-template-columns:1fr}}.ob-section{margin-bottom:var(--s-5)}.ob-section>label{display:block;font-weight:600;font-size:var(--text-sm);margin-bottom:10px}.done-wrap{text-align:center;max-width:520px;margin:0 auto;padding:var(--s-16) var(--s-6)}.done-wrap .check{width:96px;height:96px;border-radius:50%;background:var(--success-bg);color:var(--success);display:flex;align-items:center;justify-content:center;margin:0 auto var(--s-6);animation:pop var(--dur-4) var(--ease-spring)}.done-wrap .check .ico{width:48px;height:48px}.done-wrap h1{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-3xl);letter-spacing:var(--display-tracking);margin:0 0 10px}