.signin.gate{position:relative;overflow:hidden;isolation:isolate}.gate-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.gate-frame{position:relative;z-index:1;width:min(400px,100%)}.gate-brandrow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 2px 14px}.signin.gate .brand{font-size:30px;line-height:1;letter-spacing:.01em}.gate-steps span,.gate-tag{font-size:var(--a-label);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--label)}.signin.gate .gate-card{width:100%;max-width:none;background:color-mix(in srgb,var(--field) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 1px 2px color-mix(in srgb,black 6%,transparent),0 18px 40px -14px color-mix(in srgb,black 24%,transparent);padding:26px 24px 24px}.signin.gate h1{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.05;text-transform:uppercase;color:var(--ink);text-wrap:balance}.signin.gate .gate-lock{display:flex;align-items:center;gap:8px;color:var(--ink)}.signin.gate .gate-lock svg{flex:none}.signin.gate .gate-card p{margin:8px 0 18px}.signin.gate .gate-card p:last-child{margin-bottom:0}.signin.gate .row{flex-wrap:wrap}.signin.gate .row .btn{padding:11px 16px;font-weight:600;text-decoration:none}.signin.gate .row .btn.primary{flex:1 1 auto;text-align:center;letter-spacing:.04em;text-transform:uppercase}.signin.gate .row .btn.primary:disabled{opacity:.35;cursor:default}.gate-steps{display:flex;align-items:center;gap:8px;padding:14px 2px 0}.gate-steps i{width:18px;height:3px;background:color-mix(in srgb,var(--label) 30%,transparent)}.gate-steps i.on{background:var(--teal)}.gate-steps span{margin-left:6px}.gate-cells{position:relative;display:flex;gap:6px}.signin.gate .gate-cells input{position:absolute;inset:0;z-index:1;width:100%;max-width:none;height:100%;margin:0;padding:0;border:0;opacity:0;font-size:16px;letter-spacing:0}.gate-cell{flex:1 1;min-width:0;height:48px;display:flex;align-items:center;justify-content:center;background:var(--field);border:1px solid var(--line-strong);font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:0;color:var(--ink)}.gate-cell.gap{margin-left:8px}.gate-cells:focus-within .gate-cell.at{border-color:var(--teal);box-shadow:inset 0 -2px 0 var(--teal)}.gate-cells.dots{justify-content:center;gap:16px;padding:14px 0 8px}.gate-cells.dots .gate-cell{flex:0 0 16px;height:16px;border-radius:50%;border:1.5px solid var(--muted);background:transparent}.gate-cells.dots .gate-cell.full{background:var(--ink);border-color:var(--ink)}.gate-cells.dots:focus-within .gate-cell.at{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 22%,transparent)}.gate-cells.wrong .gate-cell{border-color:var(--bad)}.gate-cells.dots.wrong .gate-cell.full{background:var(--bad)}.gate-cells.wrong{animation:gate-shake .38s}@keyframes gate-shake{20%{transform:translateX(-7px)}45%{transform:translateX(6px)}70%{transform:translateX(-4px)}to{transform:none}}.gate-wave{display:block;width:100%;height:100%;color:var(--ink);--gate-band:1.3;--gate-spark:1}.signin.gate .gate-wave,:root[data-theme=dark] .gate-wave{--gate-band:1;--gate-spark:1}@media (prefers-reduced-motion:reduce){.gate-cells.wrong{animation:none}}@media print{.gate-bg{display:none}}