.zauth{background:var(--shell);justify-content:stretch;align-items:stretch;min-height:100dvh;padding:0;display:flex}.zauth .login-card>.auth-head{width:auto;max-width:none;margin:calc(-1 * var(--auth-pad-y)) calc(-1 * var(--auth-pad-x)) 24px;padding:13px var(--auth-pad-x);background:var(--accent-deep);background-image:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);justify-content:center;align-self:stretch;align-items:center;display:flex}.zauth .auth-head .brand-name{color:var(--surface);letter-spacing:.02em;font-size:1.15rem;font-weight:700}.zauth .login-card>.auth-head{order:-2}.zauth .login-card:has(>.auth-head):before{content:"";flex:1 0 0;order:-1}.zauth .login-card:has(>.auth-head):after{content:"";flex:1 0 0}.zauth .auth-brand{flex:none;margin:0;line-height:0;display:flex}.zauth .auth-brand img{width:auto;height:34px}.zauth .login-card{--auth-pad-x:22px;--auth-pad-y:40px;background:var(--surface);width:100%;box-shadow:none;padding:var(--auth-pad-y) var(--auth-pad-x);border:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.zauth .login-card>*{width:100%;max-width:440px}.zauth .login-title{color:var(--navy);margin:0 0 6px;font-size:1.5rem}.zauth .login-sub{color:var(--muted);margin:0 0 20px;font-size:.95rem}.zauth .login-form{flex-direction:column;gap:14px;display:flex}.zauth .login-field{flex-direction:column;gap:6px;display:flex}.zauth .login-field span{color:var(--ink-2);font-size:.85rem;font-weight:600}.zauth .login-field input{border:1px solid var(--line);font:inherit;color:var(--ink);background:var(--surface);border-radius:10px;padding:10px 12px}.zauth .login-field input:focus{outline:2px solid var(--auth-brand);outline-offset:1px;border-color:var(--auth-brand)}.zauth .login-label{color:var(--ink-2);font-size:.85rem;font-weight:600}.zauth .login-reveal{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;padding-right:5px;display:flex}.zauth .login-reveal:focus-within{outline:2px solid var(--auth-brand);outline-offset:1px;border-color:var(--auth-brand)}.zauth .login-field .login-reveal input{background:0 0;border:0;flex:1;min-width:0}.zauth .login-field .login-reveal input:focus{outline:none}.zauth .login-eye{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.zauth .login-eye:hover{background:var(--auth-soft);color:var(--auth-ink)}.zauth .login-eye:focus-visible{outline:2px solid var(--auth-brand);outline-offset:1px}.zauth .login-eye svg{width:18px;height:18px}.zauth .login-error{color:var(--accent-deep);font-size:.8rem;font-style:normal}.zauth .login-failure{color:var(--accent-deep);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:10px;margin:0;padding:10px 12px;font-size:.9rem}.zauth .login-failure a{color:inherit;text-underline-offset:3px;font-weight:700;text-decoration:underline}.zauth .login-sent,.zauth .login-hint,.zauth .login-note{color:var(--ink-2);margin:0;font-size:.9rem}.zauth .login-code{font-family:var(--font-mono);letter-spacing:.18em;color:var(--auth-ink);text-align:center;-webkit-user-select:all;user-select:all;margin:4px 0;font-size:2rem;font-weight:600}.zauth .btn-primary{background:var(--accent-deep);color:var(--surface);cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-size:.95rem;font-weight:700}.zauth .btn-primary:hover{background:var(--accent-dark)}.zauth .btn-primary:disabled{opacity:.55;cursor:not-allowed}.zauth .login-alt{color:var(--auth-ink);font:inherit;cursor:pointer;background:0 0;border:0;align-self:center;padding:0;font-size:.9rem;text-decoration:underline}.zauth .login-forgot,.zauth .login-switch{color:var(--muted);text-align:center;margin:0;font-size:.9rem}.zauth .login-forgot a,.zauth .login-switch a{color:var(--auth-ink)}.zauth .login-oauth{flex-direction:column;gap:10px;display:flex}.zauth .login-oauth-or{color:var(--faint);align-items:center;gap:10px;font-size:.8rem;display:flex}.zauth .login-oauth-or:before,.zauth .login-oauth-or:after{content:"";background:var(--line);flex:1;height:1px}.zauth .login-oauth-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:600;display:flex}.zauth .login-oauth-button:hover{border-color:var(--auth-brand)}.zauth .login-oauth-busy{color:var(--muted);text-align:center;font-size:.9rem}@media (max-width:519px){.zauth .login-card{--auth-pad-x:18px;--auth-pad-y:28px}}.zauth .login-tabs{background:var(--line-2);border:1px solid var(--line);border-radius:999px;gap:4px;margin:0 0 22px;padding:4px;display:flex}.zauth .login-tab{min-width:0;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1 1 0;padding:9px 10px;font-size:.9rem;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.zauth .login-tab:hover{color:var(--auth-ink)}.zauth .login-tab.is-on{background:var(--surface);color:var(--navy);box-shadow:0 1px 3px #0a1f441f}.zauth .login-tab:focus-visible{outline:2px solid var(--auth-brand);outline-offset:1px}.zauth .login-outcome{color:var(--navy);margin:0 0 -6px;font-size:1.05rem;font-weight:700}.zauth .login-preview{border:1px solid var(--line);background:var(--shell);border-radius:10px;flex-direction:column;gap:8px;margin:0;padding:13px 15px;display:flex}.zauth .login-preview>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:3px 12px;display:flex}.zauth .login-preview dt{color:var(--muted);font-size:.8rem;font-weight:600}.zauth .login-preview dd{min-width:0;color:var(--ink);text-align:right;overflow-wrap:anywhere;margin:0;font-size:.9rem;font-weight:600}.zauth .signup-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.zauth .signup-row>.login-field{min-width:0}@media (max-width:519px){.zauth .signup-row{grid-template-columns:1fr}}.zauth{flex-direction:column;gap:14px}.zauth .auth-strip{display:none}.zauth .auth-face{flex:none;width:56px;height:56px}.zauth .auth-face svg{width:100%;height:100%;display:block}.zauth .auth-ring{fill:#fff;stroke:var(--brand-line);stroke-width:2px}.zauth .auth-polo{fill:var(--navy)}.zauth .auth-collar,.zauth .auth-mark{fill:var(--brand-line)}.zauth .auth-skin{fill:#e8bc93}.zauth .auth-neck{fill:#d7a87f}.zauth .auth-hair{fill:#241810}.zauth .auth-look-2 .auth-skin{fill:#d8a273}.zauth .auth-look-2 .auth-neck{fill:#c38f62}.zauth .auth-look-2 .auth-hair{fill:#1b1310}.zauth .auth-look-3 .auth-skin{fill:#c08b5e}.zauth .auth-look-3 .auth-neck{fill:#a9744b}.zauth .auth-look-4 .auth-skin{fill:#d8a273}.zauth .auth-look-4 .auth-neck{fill:#c38f62}.zauth .auth-look-4 .auth-hair{fill:#3a2617}.zauth .auth-look-5 .auth-skin{fill:#a9744b}.zauth .auth-look-5 .auth-neck{fill:#8e5f3c}.zauth .auth-look-5 .auth-hair{fill:#1b1310}.zauth .auth-look-6 .auth-skin{fill:#c08b5e}.zauth .auth-look-6 .auth-neck,.zauth .auth-look-7 .auth-skin{fill:#a9744b}.zauth .auth-look-7 .auth-neck{fill:#8e5f3c}.zauth .auth-look-7 .auth-hair{fill:#3a2617}.zauth .auth-look-8 .auth-skin{fill:#e8bc93}.zauth .auth-look-8 .auth-neck{fill:#d7a87f}.zauth .auth-look-8 .auth-hair{fill:#1b1310}.zauth .auth-glass{fill:none;stroke:var(--navy);stroke-width:1.8px}.zauth .auth-eye circle{fill:var(--navy)}.zauth .auth-smile{fill:none;stroke:var(--navy);stroke-width:1.8px;stroke-linecap:round}.zauth .auth-tag{letter-spacing:-.02em;margin:0;line-height:1.02}.zauth .auth-tag b{color:#fff;font-size:1.6rem;font-weight:700;display:block}.zauth .auth-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--brand-line);margin:0 0 12px;font-size:.74rem;font-weight:600}.zauth .auth-tag-rule{background:var(--accent);border-radius:2px;width:56px;height:4px;margin:18px 0 0;display:block}.zauth .auth-line{color:var(--navy);margin:0;font-size:1.05rem;font-weight:600;line-height:1.32}.zauth .auth-sub{color:var(--muted);margin:6px 0 0;font-size:.86rem;line-height:1.35}.zauth .auth-note{border:1px solid var(--line);background:var(--brand-soft);border-radius:14px;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;display:flex}.zauth .auth-note .auth-face{width:40px;height:40px}.zauth .auth-note-line{color:var(--navy);margin:0;font-size:.92rem;font-weight:600;line-height:1.3}.zauth .auth-note-sub{color:var(--ink-2);margin:3px 0 0;font-size:.78rem;line-height:1.35}.zauth .auth-said{animation:.45s both authIn}@keyframes authIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.zauth .auth-eye{transform-origin:50%;animation:6s infinite authBlink}@keyframes authBlink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.zauth .auth-said,.zauth .auth-eye{animation:none}}.zauth .auth-inside{display:none}@media (min-width:1024px){.zauth:has(.auth-strip){grid-template-columns:1.02fr .98fr;align-items:stretch;gap:0;min-height:100dvh;padding:0;display:grid}.zauth .auth-strip{background:linear-gradient(140deg,var(--navy) 0%,var(--brand-ink) 52%,var(--brand-2) 100%);border:0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:18px;max-width:none;padding:clamp(56px,8vh,96px) clamp(40px,5vw,84px);display:flex;position:relative;overflow:hidden}.zauth .auth-strip:after{content:"";background:radial-gradient(circle, var(--brand-glow) 0%, transparent 68%);pointer-events:none;border-radius:50%;width:560px;height:560px;position:absolute;top:-180px;right:-160px}.zauth .auth-strip>*{z-index:1;position:relative}.zauth .auth-note{display:none}.zauth .auth-face{align-self:flex-end;width:96px;height:96px}.zauth .auth-ring{fill:#ffffff29;stroke:#ffffff80}.zauth .auth-glass{stroke:#fff}.zauth .auth-eye circle{fill:#fff}.zauth .auth-smile{stroke:#fff}.zauth .auth-tag b{font-size:clamp(2rem,3.1vw,2.6rem)}.zauth .auth-tag .auth-tag-2{color:var(--brand-line)}.zauth .auth-talk{align-items:flex-end;gap:16px;width:100%;max-width:560px;margin:18px 0 10px;display:flex}.zauth .auth-bubble{background:var(--surface);border-radius:20px;flex:1;padding:20px 22px;position:relative;box-shadow:0 16px 38px #04102847}.zauth .auth-bubble:before{content:"";background:var(--surface);border-radius:4px;width:20px;height:20px;position:absolute;bottom:22px;left:-9px;transform:rotate(45deg)}.zauth .auth-line{font-size:1.3rem;line-height:1.3;position:relative}.zauth .auth-sub{font-size:.9rem;position:relative}.zauth .auth-inside{gap:12px;width:100%;max-width:560px;margin:14px 0 0;padding:0;list-style:none;display:grid}.zauth .auth-inside li{align-items:flex-start;gap:12px;display:flex}.zauth .auth-tick{background:#ffffff2e;border:1px solid #ffffff70;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.zauth .auth-tick svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.zauth .auth-inside b{color:#fff;font-size:.98rem;display:block}.zauth .auth-inside span{color:#ffffffd1;font-size:.82rem;line-height:1.35}.zauth .login-card{--auth-pad-x:28px;--auth-pad-y:32px;max-width:440px;box-shadow:none;padding:var(--auth-pad-y) var(--auth-pad-x);border:0;border-radius:16px;flex:none;justify-content:flex-start;align-items:stretch;margin:auto}.zauth .login-card>*{max-width:none}.zauth .login-card>.auth-head{border-radius:16px 16px 0 0}}.zauth .login-card>.login-home{border:1px solid var(--line);width:auto;color:var(--ink-2);background:var(--surface);border-radius:999px;margin:20px auto 0;padding:8px 15px;font-size:.85rem;font-weight:600;text-decoration:none}.zauth .login-card>.login-home:hover{border-color:var(--auth-brand);color:var(--auth-brand)}.zauth .login-card>.login-home:focus-visible{outline:2px solid var(--auth-brand);outline-offset:2px}
