body{background:#fff}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.brandpane{position:relative;overflow:hidden;padding:56px;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(214,116,163,.28),#fff 70%);border-right:1px solid var(--line)}.brandpane .glow{position:absolute;right:-160px;bottom:-160px;width:520px;height:520px;background:radial-gradient(circle,rgba(205,94,157,.22),transparent 65%)}.brandpane .zlogo{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;position:relative}.brandpane .zlogo img{height:26px;width:auto;display:block}.brandpane .zlogo .sub{font-size:12px;font-weight:600;color:var(--ink-2);letter-spacing:.01em;line-height:1;padding-left:11px;border-left:1px solid var(--line)}.story{margin:auto 0}.showcase,.story{position:relative}.showcase{width:100%;aspect-ratio:5/4;max-height:38vh;border-radius:24px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--card-line),var(--shadow-pop);background:#fff}.showcase .slide{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--ease)}.showcase .slide.on{opacity:1}.showcase .slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.showcase .tagpill{position:absolute;top:12px;left:12px;font-size:11px;font-weight:600;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--pink-700)}.story .eyebrow{margin-top:18px}.story-text{margin-top:8px;transition:opacity .35s var(--ease)}.story-text h2{font-size:29px;line-height:1.16;max-width:17ch;letter-spacing:-.02em}.story-text p{font-size:14.5px;color:var(--ink-2);margin-top:12px;max-width:42ch;line-height:1.6}.story-text .cr{font-size:13px;color:var(--ink-3);margin-top:14px;font-weight:600}.story-text .cr b{color:var(--pink-700)}.story-dots{display:flex;gap:8px;margin-top:22px}.story-dots i{width:9px;height:9px;border-radius:999px;background:var(--pink);opacity:.28;transition:all var(--t);cursor:pointer}.story-dots i.on{opacity:1;width:24px}.formpane{display:flex;align-items:center;justify-content:center;padding:48px 24px;position:relative}.authcard{width:100%;max-width:400px}.mlogo{display:none}.authcard h1{font-size:30px}.authcard .lede{color:var(--ink-2);font-size:15px;margin:8px 0 24px;line-height:1.55}.authcard .fields{display:flex;flex-direction:column;gap:16px}.seg{display:flex;background:var(--bg-2);border-radius:12px;padding:4px;gap:4px;margin-bottom:20px}.seg button{flex:1;height:40px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink-3);transition:all var(--t)}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(10,10,10,.08)}.otp-row{display:flex;gap:10px}.otp-row .input{flex:1}.getcode{height:48px;padding:0 16px;border:0;border-radius:var(--r-btn);background:var(--pink-soft);color:var(--pink-700);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;transition:all var(--t)}.getcode:hover:not(:disabled){background:var(--pink);color:#fff}.getcode:disabled{background:var(--bg-2);color:var(--ink-3);cursor:default}.checkrow{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-2);line-height:1.5}.checkrow input{margin-top:3px;accent-color:var(--pink);width:16px;height:16px;flex-shrink:0}.checkrow a{color:var(--pink);font-weight:600}.btn-block{width:100%}.autoreg,.btn-block{justify-content:center}.autoreg{display:flex;gap:8px;align-items:center;margin-top:18px;font-size:13px;color:var(--ink-3)}.autoreg svg{width:15px;height:15px;color:var(--pink);flex-shrink:0}.err{color:var(--red);font-size:13px;margin-top:10px;display:none}.err.show{display:block}.authtoggle{right:28px}.authtoggle,.backhome{position:absolute;top:28px}.backhome{left:28px;font-size:13.5px;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px}.backhome:hover{color:var(--pink)}@media (max-width:860px){.auth{grid-template-columns:1fr}.brandpane{display:none}.formpane{padding:76px 20px 40px;align-items:flex-start}.mlogo{display:flex;justify-content:center;margin-bottom:26px}.authcard h1{font-size:26px}.authcard .lede,.authcard h1{text-align:center}.authtoggle{top:18px;right:18px}.backhome{top:22px;left:18px}.btn-lg{height:50px}}