.hc-login{min-height:100dvh;background:var(--canvas);color:var(--ink);font:var(--fs-md) /var(--lh-body) var(--font-body)}.hc-login,.hc-login *{box-sizing:border-box}.hc-login-page{position:relative;isolation:isolate;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-5);padding:var(--s-7) var(--s-4) var(--s-8);overflow:hidden}.hc-login-page:before{top:-260px;width:min(980px,160vw);height:560px;background:radial-gradient(closest-side,var(--sun-soft),transparent 72%)}.hc-login-page:after,.hc-login-page:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset-inline:0;margin-inline:auto}.hc-login-page:after{bottom:-280px;width:min(1100px,180vw);height:520px;background:radial-gradient(closest-side,var(--brand-soft),transparent 70%);opacity:.7}.hc-login-brand{display:flex;align-items:center;gap:var(--s-3)}.hc-login-brand>svg{width:40px;height:40px;flex:none}.hc-login-brand b{display:block;font:600 1.25rem/1.1 var(--font-display);letter-spacing:-.01em}.hc-login-brand span{display:block;color:var(--ink-3);font-size:var(--fs-sm)}.hc-login-card{width:min(100%,440px);padding:var(--s-6);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-3)}.hc-login-card h1{margin:0;color:var(--ink);font:600 var(--fs-2xl) /var(--lh-tight) var(--font-display);letter-spacing:-.01em}.hc-login-step{animation:hc-login-step-in var(--dur-3) var(--ease) both}@keyframes hc-login-step-in{0%{opacity:0;transform:translateX(-14px)}}.hc-login-icon{width:20px;height:20px;flex:none}.hc-login-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hc-login-scope{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:var(--s-5) 0 0;padding:4px;min-width:0;border:0;border-radius:var(--r-lg);background:var(--canvas-2)}.hc-login-scope label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:72px;padding:var(--s-2);border-radius:12px;color:var(--ink-2);font-weight:600;font-size:var(--fs-sm);line-height:1.3;text-align:center;text-wrap:balance;cursor:pointer}.hc-login-scope input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.hc-login-scope label:has(input:checked){background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1),0 0 0 1px var(--line)}.hc-login-scope label:has(input:checked) svg{color:var(--brand)}.hc-login-scope label:has(input:focus-visible){outline:var(--focus-w) solid var(--focus);outline-offset:var(--focus-offset)}.hc-login-scope-note{display:flex;align-items:center;gap:var(--s-2);margin:var(--s-3) 0 0;padding:0 var(--s-1);color:var(--ink-2);font-size:var(--fs-sm)}.hc-login-scope-note svg{width:18px;height:18px;color:var(--brand)}.hc-login-scope-note--closed{padding:10px var(--s-3);border-radius:var(--r-md);background:var(--warning-soft);color:var(--ink)}.hc-login-scope-note--closed svg{color:var(--warning)}.hc-login-fields{margin-top:var(--s-5);display:grid;gap:var(--s-4)}.hc-login-field{display:grid;gap:6px}.hc-login-field>label{font-weight:600;font-size:var(--fs-sm)}.hc-login-input{width:100%;min-height:50px;padding:0 14px;border:1.5px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font-size:var(--fs-md)}.hc-login-input[dir=ltr]{text-align:left}.hc-login-input::placeholder{color:var(--ink-3);opacity:.75}.hc-login-input:hover{border-color:var(--ink-2)}.hc-login-input:focus{border-color:var(--brand)}.hc-login-input[aria-invalid=true]{border-color:var(--danger)}.hc-login-password{position:relative}.hc-login-password .hc-login-input{padding-right:52px}.hc-login-eye{position:absolute;top:50%;right:3px;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink-2);cursor:pointer}.hc-login-eye:hover{color:var(--ink);background:var(--neutral-soft)}.hc-login-field-error{margin:0;color:var(--danger);font-size:var(--fs-sm);font-weight:500}.hc-login-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);width:100%;min-height:44px;padding:0 var(--s-5);border:1.5px solid transparent;border-radius:var(--r-md);font-size:var(--fs-md);font-weight:600;cursor:pointer}.hc-login-button--large{min-height:52px;padding:0 var(--s-6);border-radius:var(--r-lg);font-size:var(--fs-lg)}.hc-login-button--primary{margin-top:var(--s-5);background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-1)}.hc-login-button--primary:hover:not(:disabled){background:var(--brand-hover)}.hc-login-button--secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.hc-login-button--secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--ink-2)}.hc-login-button--secondary svg{color:var(--brand)}.hc-login-button:disabled{opacity:.55;cursor:not-allowed}.hc-login-or{display:flex;align-items:center;gap:var(--s-3);margin:var(--s-4) 0;color:var(--ink-3);font-size:var(--fs-sm)}.hc-login-or:after,.hc-login-or:before{content:"";flex:1 1;height:1px;background:var(--line)}.hc-login-alert{display:flex;gap:var(--s-3);align-items:flex-start;margin-top:var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);border-inline-start:3px solid currentColor;font-size:var(--fs-sm);line-height:1.5}.hc-login-alert p{margin:0;color:var(--ink)}.hc-login-alert--error{background:var(--danger-soft);color:var(--danger)}.hc-login-alert--notice{background:var(--info-soft);color:var(--info)}.hc-login-alert:focus{outline:none}.hc-login-back{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin:-8px -8px var(--s-4);padding:0 var(--s-2);border:0;border-radius:var(--r-md);background:none;color:var(--ink-2);font-weight:500;font-size:var(--fs-sm);cursor:pointer}.hc-login-back:hover{color:var(--ink);background:var(--neutral-soft)}.hc-login-back svg{transform:scaleX(-1);width:18px;height:18px}.hc-login-badge{display:grid;place-items:center;width:52px;height:52px;margin-bottom:var(--s-4);border-radius:16px;background:var(--brand-soft);color:var(--brand)}.hc-login-badge svg{width:26px;height:26px}.hc-login-badge--ok{background:var(--success-soft);color:var(--success)}.hc-login-lead{margin:var(--s-2) 0 0;color:var(--ink-2)}.hc-login-who{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s-3);margin-top:var(--s-4);padding:10px var(--s-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);font-size:var(--fs-sm)}.hc-login-who>svg{color:var(--ink-3)}.hc-login-who div{min-width:0;line-height:1.4}.hc-login-who bdi{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-weight:600;text-align:right}.hc-login-who span{display:block;color:var(--ink-2)}.hc-login-link-button{min-height:44px;padding:0 var(--s-2);border:0;background:none;color:var(--brand);font-weight:600;text-decoration:underline;cursor:pointer}.hc-login-otp{margin-top:var(--s-5)}.hc-login-otp-wrap{position:relative}.hc-login-otp-wrap input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;font-size:16px;color:transparent;caret-color:transparent;background:transparent;cursor:text}.hc-login-otp-wrap input:focus-visible{outline:none}.hc-login-boxes{display:flex;justify-content:center;gap:8px}.hc-login-box{display:grid;place-items:center;width:50px;height:60px;border:1.5px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);font:600 26px/1 var(--font-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hc-login-box:nth-child(4){margin-inline-start:12px}.hc-login-box.filled{border-color:var(--ink-2)}.hc-login-otp-wrap:focus-within .hc-login-box.active{border-color:var(--brand);outline:var(--focus-w) solid var(--focus);outline-offset:var(--focus-offset)}.hc-login-otp-wrap:has(input[aria-invalid=true]) .hc-login-box{border-color:var(--danger)}.hc-login-help{margin:var(--s-2) 0 0;color:var(--ink-3)}.hc-login-alt,.hc-login-help{font-size:var(--fs-sm);text-align:center}.hc-login-alt{margin:var(--s-4) 0 0}.hc-login-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2) var(--s-5);font-size:var(--fs-sm)}.hc-login-links a{color:var(--ink-2);text-decoration-color:var(--line-strong)}.hc-login-links a:hover{color:var(--brand);text-decoration-color:currentColor}.hc-login :focus-visible{outline:var(--focus-w) solid var(--focus);outline-offset:var(--focus-offset)}@media (max-width:520px){.hc-login-page{justify-content:flex-start;gap:var(--s-4);padding-block:var(--s-5) 88px}.hc-login-card{padding:var(--s-5) var(--s-4);border-radius:var(--r-lg)}.hc-login-card h1{font-size:var(--fs-xl)}}@media (max-width:380px){.hc-login-boxes{gap:6px}.hc-login-box{width:42px;height:54px;font-size:22px}.hc-login-box:nth-child(4){margin-inline-start:8px}}@media (max-width:350px){.hc-login-boxes{gap:4px}.hc-login-box{width:36px;height:48px;font-size:20px}.hc-login-box:nth-child(4){margin-inline-start:6px}}@media (prefers-reduced-motion:reduce){.hc-login-step{animation:none}}