.auth{width:100%;max-width:var(--wrap);padding:48px var(--pad) 64px;min-width:0}.auth-col{gap:24px;width:100%;min-width:0;max-width:400px;margin:0 auto;display:grid}.auth-head{gap:8px;min-width:0;display:grid}.auth-head .page-title{font-size:var(--fs-page)}.auth-head .lede{color:var(--ink-2);max-width:40ch;font-size:15px;line-height:1.5}.auth-form{gap:16px;min-width:0;display:grid}.auth-form>form,.auth .code-screen form{gap:0;min-width:0;display:grid}.auth .form-error,.auth .form-ok,.auth .form-note,.gate .form-error{border-radius:var(--r-field);border:0;margin:0 0 16px;padding:12px 14px;font-size:14px;line-height:1.45}.auth .form-ok,.auth .form-note{background:var(--surface);color:var(--ink)}.auth .form-error,.gate .form-error{background:var(--accent-soft);color:var(--accent)}.auth-form>.form-ok,.auth-form>.form-error{margin:0}.auth .field,.gate .field{gap:8px;margin-bottom:18px}.auth .field input[type=text],.auth .field input[type=email],.auth .field input[type=password],.gate .field input[type=password]{border-radius:var(--r-field);background:var(--bg);min-height:48px;padding:12px 14px;font-size:15px}[data-touch="1"] .auth .field input[type=text],[data-touch="1"] .auth .field input[type=email],[data-touch="1"] .auth .field input[type=password],[data-touch="1"] .gate .field input[type=password]{font-size:16px}.auth .field .hint{color:var(--ink-2);font-size:13px;line-height:1.4}.auth .field .muted{color:var(--ink-2);font-weight:500}.auth .btn-block{min-height:48px;font-size:15px}.auth form>.btn-block{margin-top:6px}.auth .password-wrap .eye{width:40px;height:40px;color:var(--ink-2);background:0 0;border-radius:50%;right:4px}.auth .password-wrap .eye:hover{background:var(--hover);color:var(--ink)}.auth .password-wrap input{padding-right:52px}[data-touch="1"] .auth .password-wrap .eye{width:44px;height:44px;right:2px}.auth .strength{gap:6px;margin-top:2px}.auth .strength .bars{gap:4px}.auth .strength .bars span{background:var(--surface-2);border-radius:2px;height:4px}.auth .strength.s-1 .bars span:nth-child(-n+1),.auth .strength.s-2 .bars span:nth-child(-n+2),.auth .strength.s-3 .bars span:nth-child(-n+3),.auth .strength.s-4 .bars span{background:var(--ink)}.auth .strength .row-text{color:var(--ink-2);font-size:13px}.auth .strength .label,.auth .strength.s-1 .label,.auth .strength.s-4 .label{color:var(--ink);font-size:13px;font-weight:700}.auth .checkline,.auth .field>label.checkline{color:var(--ink-2);align-items:flex-start;gap:12px;font-size:14px;font-weight:400;line-height:1.5;display:flex}.auth .checkline input{appearance:auto;-webkit-appearance:checkbox;width:18px;height:18px;box-shadow:none;accent-color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;margin:2px 0 0}.auth .checkline a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.auth .checkline a:hover{text-decoration-color:currentColor}[data-touch="1"] .auth .checkline{align-items:center;min-height:44px}[data-touch="1"] .auth .checkline input{width:22px;height:22px;margin:0}.auth .provider-list{gap:8px;margin:0;display:grid}.auth .provider-list form{display:block}.auth .provider-btn{gap:10px;text-decoration:none}.auth .provider-btn .icon{width:20px;height:20px}.auth .or{color:var(--ink-2);align-items:center;gap:14px;margin:4px 0;font-size:13px;display:flex}.auth .or:before,.auth .or:after{content:"";background:var(--line);flex:1;height:1px}.auth-foot{color:var(--ink-2);justify-items:start;gap:8px;margin:20px 0 0;font-size:14px;display:grid}.auth-foot a{color:var(--ink);font-weight:600;text-decoration:none}.auth-foot a:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}[data-touch="1"] .auth-foot{gap:0}.auth-form>.auth-foot{margin:0}[data-touch="1"] .auth-foot a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.auth .code-screen{gap:24px;min-width:0;display:grid}.auth .code-screen form{gap:16px}.auth .code-field{gap:8px;display:grid}.auth .code-boxes{justify-content:flex-start;gap:clamp(4px,1.25vw,8px);display:flex}.auth .code-box{border:1px solid var(--line-2);border-radius:var(--r-field);width:0;min-width:44px;max-width:56px;height:60px;box-shadow:none;color:var(--ink);font-family:var(--sans);text-align:center;font-variant-numeric:tabular-nums;caret-color:var(--ink);transition:border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);background:0 0;flex:1 1 0;padding:0;font-size:24px;font-weight:700;line-height:1}.auth .code-box:nth-child(4){margin-left:clamp(4px,2vw,12px)}.auth .code-box.is-filled{border-color:var(--ink);color:var(--ink);box-shadow:none;background:0 0}.auth .code-box:focus,.auth .code-box:focus-visible,.auth .code-box.is-filled:focus{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);outline:0}.auth .code-box[readonly]{color:var(--ink-2)}.auth .code-field.is-invalid .code-box{border-color:var(--accent);color:var(--accent);box-shadow:none;background:0 0}.auth .code-field.is-invalid .code-box:focus{box-shadow:inset 0 0 0 1px var(--accent)}.auth .code-field.is-locked .code-box,.auth .code-field.is-locked.is-invalid .code-box{background:var(--surface);border-color:var(--line);color:var(--ink-3);box-shadow:none;cursor:not-allowed}.auth .code-msg{min-height:20px}.auth .code-error{color:var(--accent);margin:0;font-size:14px;line-height:20px}.auth .code-label{color:var(--ink);font-size:14px;font-weight:700}[data-device=phone] .auth .code-box{height:56px;font-size:22px}.auth .code-resend{border-top:1px solid var(--line);color:var(--ink-2);justify-items:start;gap:6px;margin:4px 0 0;padding:20px 0 0;font-size:14px;line-height:1.5;display:grid}.auth .code-resend.is-inline{border-top:0;margin:8px 0 0;padding:0}.auth .code-resend p{margin:0}.auth .code-resend strong{color:var(--ink);font-weight:700}.auth .code-resend .hint{color:var(--ink-2);font-size:13px}.auth .code-resend .form-note,.auth .code-resend .form-error{justify-self:stretch;margin:4px 0 0}.auth .code-resend-btn{min-height:40px;font-size:14px}.auth .code-resend-btn:disabled{opacity:1;color:var(--ink-2);cursor:default;text-decoration:none}.auth .code-timer{font-family:var(--sans);font-size:inherit;font-variant-numeric:tabular-nums}[data-touch="1"] .auth .code-resend-btn{min-height:44px}.auth .code-screen .auth-foot{margin:0}.gate{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--bg);color:var(--ink);place-items:center;display:grid}.gate-card{text-align:left;gap:24px;width:min(380px,100%);display:grid}.gate-brand{color:var(--ink);align-items:center;gap:8px;margin-bottom:16px;display:inline-flex}.gate .auth-head{gap:8px}.gate .auth-head .page-title{font-size:var(--fs-page);margin:0}.gate .auth-head .lede{color:var(--ink-2);margin:0;font-size:15px;line-height:1.5}.gate form{display:grid}.gate .form-error{margin:0}.gate .btn-block{min-height:48px;font-size:15px}@media (max-width:767px){.auth{padding:24px 16px 40px}.auth-col{gap:20px}}[data-device=phone] .auth .field .hint,[data-device=phone] .auth .strength .row-text,[data-device=phone] .auth .strength .label,[data-device=phone] .auth .checkline,[data-device=phone] .auth .or,[data-device=phone] .auth-foot,[data-device=phone] .auth .code-resend,[data-device=phone] .auth .code-resend .hint,[data-device=phone] .auth .code-error,[data-device=phone] .auth .code-label,[data-device=phone] .auth .code-resend-btn,[data-device=phone] .auth .form-note,[data-device=phone] .auth-head .lede,[data-device=phone] .gate .auth-head .lede{font-size:15px}