.auth{min-height:100%;display:grid;grid-template-columns:1fr 1fr}.auth-form{display:flex;flex-direction:column;padding:32px max(24px,env(safe-area-inset-left,0px)) 32px max(24px,env(safe-area-inset-right,0px));background:linear-gradient(135deg,#ffffff,#fbfbf9 40%,#f1f4f2)}.auth-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.auth-top a.back{font-size:14px;color:var(--dim);text-decoration:none}.auth-top a.back:hover{color:var(--paper)}.auth-box{width:100%;max-width:420px;margin:auto;padding-block:40px}.auth-box h1{font-size:36px;font-weight:700}.auth-box .sub{margin-top:10px;color:var(--dim);font-size:16px}.google{margin-top:30px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border-radius:99px;border:1px solid rgba(31,40,41,.16);background:#fff;color:var(--paper);font:500 15px var(--font);cursor:pointer;transition:border-color .2s,box-shadow .2s}.google:hover{border-color:var(--paper);box-shadow:0 8px 20px rgba(31,40,41,.08)}.google svg{width:20px;height:20px}.or{display:flex;align-items:center;gap:14px;margin:24px 0;font-size:13px;color:var(--dim)}.or:after,.or:before{content:"";flex:1 1;height:1px;background:var(--line)}form{grid-gap:14px;gap:14px}.row2,form{display:grid}.row2{grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.err{color:var(--coral);font-size:13px;min-height:1em}.switch-mode{margin-top:22px;font-size:14px;color:var(--dim);text-align:center}.switch-mode a{color:var(--paper);font-weight:600;text-underline-offset:3px}.legal{margin-top:18px;font-size:12px;color:var(--dim);text-align:center}.preview-note{margin-top:14px;font-size:12.5px;color:var(--sage-hi);background:var(--sage-soft);padding:10px 14px;border-radius:12px}.auth-side{position:relative;overflow:hidden;background:#1f2829;color:#c5d1cf;display:flex;flex-direction:column;justify-content:center;padding:64px}.auth-side:before{content:"";position:absolute;width:640px;height:640px;right:-220px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(111,147,147,.45),transparent 65%)}.auth-side h2{color:#f2f1eb;font-size:clamp(30px,3vw,44px);font-weight:700;max-width:14ch;position:relative}.perks{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-gap:12px;gap:12px;position:relative}.perks li{display:flex;gap:12px;align-items:center}.perks li:before{content:"✓";width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(111,147,147,.3);color:#cfe2df;font-size:12px;font-weight:700;flex:none}.side-phone{position:relative;margin-top:48px;width:250px;aspect-ratio:9/16;background:#0b0f10;border-radius:32px;padding:8px;rotate:-5deg;box-shadow:0 40px 70px rgba(0,0,0,.45);align-self:flex-end;margin-right:40px}.side-phone .scr{height:100%;border-radius:25px;overflow:hidden;background:#f7f6f2;color:#1f2829}.side-phone .hd{background:#1f2829;color:#f2f1eb;padding:18px 14px 10px}.side-phone .hd small{font-size:8px;letter-spacing:.24em;color:#9cc3c1}.side-phone .hd b{display:block;font-size:16px}.side-phone .it{display:grid;grid-template-columns:44px 1fr auto;grid-gap:8px;gap:8px;align-items:center;margin:8px;padding:6px;background:#fff;border-radius:12px;font-size:10.5px}.side-phone .it img{width:44px;height:44px;border-radius:8px;object-fit:cover}.side-phone .it b{display:block;font-size:11px}.side-phone .it span{color:#7c8789;font-size:9px}.side-phone .it em{font-style:normal;font-weight:600}@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-side{display:none}}@media (max-width:460px){.row2{grid-template-columns:1fr}.auth-box h1{font-size:30px}}.plan-box{margin-top:26px;border-radius:22px;padding:26px;background:linear-gradient(160deg,#ffffff,#ffffff 55%,#eef3f1);border:1px solid rgba(31,40,41,.08);box-shadow:0 24px 50px rgba(31,40,41,.08);color:var(--text)}.plan-price{display:flex;align-items:baseline;gap:6px;color:var(--paper)}.plan-price b{font-size:48px;font-weight:700;letter-spacing:-.03em;line-height:1}.plan-price span{color:var(--dim)}.perks.dark{margin-top:18px;gap:10px;font-size:14.5px;color:var(--text)}.perks.dark li:before{background:var(--sage-soft);color:var(--sage-hi)}.trial-steps{list-style:none;padding:16px 0 0;margin:18px 0 0;border-top:1px solid rgba(31,40,41,.08);display:grid;grid-gap:10px;gap:10px}.trial-steps li{display:grid;grid-template-columns:70px 1fr;grid-gap:10px;gap:10px;font-size:14px}.trial-steps b{color:var(--paper);font-weight:600}.trial-steps li:first-child b{color:var(--sage-hi)}.auth-side.light{background:linear-gradient(150deg,#f7f6f2,#e6eeec);color:var(--text)}.auth-side.light:before{background:radial-gradient(circle,rgba(111,147,147,.25),transparent 65%)}.auth-side.light h2{color:var(--paper)}.auth-side.light .perks li:before{background:#fff;color:var(--sage-hi);box-shadow:0 4px 10px rgba(31,40,41,.08)}.scan-show{position:relative;height:470px;margin-top:40px}.ss-tent{position:absolute;left:0;bottom:40px;width:170px;background:#fff;color:#1f2829;border-radius:18px;padding:16px 16px 14px;text-align:center;box-shadow:0 30px 60px rgba(0,0,0,.4);rotate:-4deg;z-index:2}.ss-qr{position:relative;width:120px;height:120px;margin:0 auto;overflow:hidden;border-radius:8px}.ss-qr img{width:100%;height:100%;display:block}.ss-beam{position:absolute;left:-4px;right:-4px;top:0;height:3px;background:#4f9a5a;box-shadow:0 0 14px 2px rgba(79,154,90,.8);animation:ss-scan 2.4s ease-in-out infinite}@keyframes ss-scan{0%,to{top:4px}50%{top:113px}}.ss-tent small{display:block;margin-top:10px;font-size:9px;letter-spacing:.24em;color:#7c8789}.ss-tent b{font-size:16px;font-weight:600}.ss-path{position:absolute;left:150px;bottom:210px;width:120px;height:60px;fill:none;stroke:rgba(156,195,193,.55);stroke-width:1.5;stroke-dasharray:4 5;animation:ss-dash 1.6s linear infinite}@keyframes ss-dash{to{stroke-dashoffset:-18}}.ss-phone{position:absolute;right:0;top:0;width:250px;aspect-ratio:9/18.5;background:#0b0f10;border-radius:34px;padding:8px;rotate:4deg;box-shadow:0 40px 80px rgba(0,0,0,.5);animation:ss-float 7s ease-in-out infinite}@keyframes ss-float{50%{translate:0 -10px}}.ss-screen{height:100%;border-radius:27px;overflow:hidden;background:#f7f6f2;color:#1f2829;position:relative}.ss-hd{background:#1f2829;color:#f2f1eb;padding:20px 14px 12px;position:relative}.ss-hd small{font-size:7.5px;letter-spacing:.24em;color:#9cc3c1}.ss-hd b{display:block;font-size:16px}.ss-hd span{position:absolute;right:12px;bottom:12px;font-size:9px;padding:3px 8px;border-radius:99px;background:rgba(255,255,255,.15)}.ss-chips{display:flex;gap:5px;padding:9px 10px 2px}.ss-chips span{font-size:8.5px;padding:3px 9px;border-radius:99px;background:#eceeed;color:#5c6668}.ss-chips span.on{background:#1f2829;color:#fff}.ss-it{display:grid;grid-template-columns:40px 1fr auto 18px;grid-gap:7px;gap:7px;align-items:center;margin:6px 8px 0;padding:5px;background:#fff;border-radius:11px}.ss-it img{width:40px;height:40px;border-radius:8px;object-fit:cover}.ss-it b{display:block;font-size:10px}.ss-it span{font-size:8px;color:#7c8789}.ss-it em{font-style:normal;font-weight:600;font-size:10px}.ss-it i{width:18px;height:18px;border-radius:50%;background:#6f9393;color:#fff;font-style:normal;font-size:12px;display:grid;place-items:center;line-height:1}.ss-bar{left:8px;right:8px;bottom:8px;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#1f2829;color:#fff;font-size:9.5px}.ss-bar,.ss-toast{position:absolute;display:flex;align-items:center}.ss-toast{right:150px;top:250px;gap:10px;background:#fff;color:#1f2829;padding:10px 14px 10px 10px;border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.35);z-index:3;animation:ss-pop 6s ease-in-out infinite}.ss-toast i{width:28px;height:28px;border-radius:50%;background:#e4f1e5;color:#4f9a5a;font-style:normal;font-weight:700;display:grid;place-items:center}.ss-toast b{display:block;font-size:12.5px}.ss-toast span{font-size:11px;color:#7c8789}@keyframes ss-pop{0%,30%{opacity:0;transform:translateY(10px) scale(.96)}40%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@media (max-width:1200px){.ss-toast{right:120px}}@media (prefers-reduced-motion:reduce){.ss-beam,.ss-path,.ss-phone,.ss-toast{animation:none}.ss-toast{opacity:1}}.auth-mockup{position:relative;margin-top:36px;width:100%;max-width:620px;align-self:center}.auth-side .hm .halo{border-color:rgba(255,255,255,.12)}