.auth-display{font-family:var(--font-display);letter-spacing:.005em;color:var(--foreground);margin:0 0 10px;font-size:52px;font-weight:400;line-height:1}@media (max-width:540px){.auth-display{font-size:44px}}.auth-root{background:var(--background);min-height:100svh;color:var(--foreground);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.auth-bg{display:none}.auth-header{z-index:5;justify-content:space-between;align-items:center;padding:22px 28px 0;display:flex;position:relative}.auth-footer{z-index:5;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);justify-content:space-between;align-items:center;padding:18px 28px 22px;font-size:11px;display:flex;position:relative}.auth-footer a{color:var(--muted-foreground);text-decoration:none}.auth-footer a:hover{color:var(--foreground)}.auth-footer-r{align-items:center;gap:10px;display:inline-flex}.auth-footer .dot{opacity:.5}.theme-pill{background:color-mix(in oklab, var(--card) 70%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);border-radius:999px;align-items:center;padding:3px;display:inline-flex}.theme-pill button{width:30px;height:26px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.theme-pill button[data-active=true]{background:var(--foreground);color:var(--background)}.theme-pill button:hover:not([data-active=true]){color:var(--foreground)}.auth-main{z-index:2;flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex;position:relative}.auth-stage{width:100%;max-width:440px}.auth-card{background:var(--card);border:0;border-radius:18px;padding:38px 36px 32px;position:relative;box-shadow:inset 0 1px #ffffffb3,0 32px 72px -28px #1f202a38,0 12px 28px -14px #1f202a24}[data-theme=dark] .auth-card{box-shadow:inset 0 1px #ffffff0d,0 40px 80px -32px #0000008c,0 18px 40px -18px #00000073}@media (max-width:540px){.auth-card{border-radius:14px;padding:28px 22px 24px}.auth-header{padding:16px 18px 0}.auth-footer{flex-direction:column;gap:8px;padding:14px 18px 18px}}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:600;display:inline-flex}.eyebrow-dot{background:var(--primary);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 20%, transparent);border-radius:50%}.card-sub{color:var(--muted-foreground);margin:0 0 28px;font-size:14.5px;line-height:1.55}.muted-strong{color:var(--foreground);font-weight:500}.field{margin-bottom:16px}.field-otp{margin-bottom:18px}.field-label{color:var(--foreground);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.field-label label{font-size:13px;font-weight:500;line-height:1}.label-link{color:var(--muted-foreground);font-size:12.5px;text-decoration:none;transition:color .12s}.label-link:hover{color:var(--foreground)}.label-meta{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);background:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:3px 7px 3px 6px;font-size:10.5px;display:inline-flex}.icon-input{background:var(--input-field-bg);border:1px solid var(--input);border-radius:10px;align-items:center;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.icon-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 22%, transparent)}.icon-input.is-error{border-color:var(--destructive)}.icon-input-leading,.icon-input-trailing{color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.icon-input input{min-width:0;height:46px;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;padding:0 0 0 4px;font-family:inherit;font-size:14.5px}.icon-input input::placeholder{color:color-mix(in oklab, var(--muted-foreground) 70%, transparent)}.icon-input input:-webkit-autofill{-webkit-text-fill-color:var(--foreground);box-shadow:0 0 0 1000px var(--input-field-bg) inset;caret-color:var(--foreground);transition:background-color 9999s ease-out}.icon-input input:-webkit-autofill:hover{-webkit-text-fill-color:var(--foreground);box-shadow:0 0 0 1000px var(--input-field-bg) inset;caret-color:var(--foreground);transition:background-color 9999s ease-out}.icon-input input:-webkit-autofill:focus{-webkit-text-fill-color:var(--foreground);box-shadow:0 0 0 1000px var(--input-field-bg) inset;caret-color:var(--foreground);transition:background-color 9999s ease-out}.icon-input input:-webkit-autofill:active{-webkit-text-fill-color:var(--foreground);box-shadow:0 0 0 1000px var(--input-field-bg) inset;caret-color:var(--foreground);transition:background-color 9999s ease-out}.reveal-btn{cursor:pointer;color:var(--muted-foreground);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;margin-right:4px;padding:6px;display:inline-flex}.reveal-btn:hover{color:var(--foreground);background:var(--muted)}.form-error{background:color-mix(in oklab, var(--destructive) 14%, transparent);color:var(--destructive);border-radius:8px;margin:-4px 0 14px;padding:10px 12px;font-size:12.5px;line-height:1.4}[data-theme=dark] .form-error{color:#feaaa9;color:lab(78.0974% 31.8643 13.8183)}.form-note{background:var(--muted);color:var(--muted-foreground);border-radius:8px;margin:-4px 0 14px;padding:10px 12px;font-size:12.5px;line-height:1.4}.auth-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:4px;font-family:inherit;font-size:14.5px;font-weight:600;transition:transform 90ms,background .12s,border-color .12s,box-shadow .2s;display:inline-flex}.auth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-btn:not(:disabled):active{transform:translateY(1px)}.auth-btn-primary{background:var(--primary);color:var(--primary-foreground);letter-spacing:.005em;box-shadow:0 12px 28px -12px color-mix(in oklab, var(--primary) 65%, transparent), 0 0 0 1px color-mix(in oklab, var(--primary) 30%, transparent) inset}.auth-btn-primary:not(:disabled):hover{background:color-mix(in oklab, var(--primary) 92%, white);box-shadow:0 18px 36px -10px color-mix(in oklab, var(--primary) 80%, transparent), 0 0 0 1px color-mix(in oklab, var(--primary) 40%, transparent) inset}.auth-btn-outline{color:var(--foreground);border-color:var(--border);background:0 0;margin-top:12px;font-weight:500}.auth-btn-outline:not(:disabled):hover{background:var(--muted);border-color:color-mix(in oklab, var(--foreground) 12%, var(--border))}.divider{color:var(--muted-foreground);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:12px;margin:22px 0 4px;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.fineprint{text-align:center;color:var(--muted-foreground);margin:20px 0 0;font-size:11.5px;line-height:1.5}.fineprint a{color:var(--muted-foreground);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border)}.fineprint a:hover{color:var(--foreground)}.link-back{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;width:100%;margin:14px auto 0;padding:8px;font-family:inherit;font-size:13px;text-decoration:none;display:flex}.link-back:hover{color:var(--foreground)}.account-row{background:var(--muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:-8px 0 20px;padding:8px 10px 8px 12px;display:flex}.account-row-icon{background:var(--card);width:22px;height:22px;color:var(--muted-foreground);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.account-row-email{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.account-row-switch{background:var(--card);border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;border-radius:999px;padding:3px 10px;font-family:inherit;font-size:11.5px;transition:color .12s,background .12s}.account-row-switch:hover{color:var(--foreground);background:var(--accent)}.otp-row{align-items:center;gap:8px;display:flex}.otp-cell{background:var(--input-field-bg);border:1px solid var(--input);text-align:center;min-width:0;height:56px;font-family:var(--font-display);color:var(--foreground);caret-color:var(--primary);border-radius:10px;outline:none;flex:1;font-size:26px;font-weight:400;transition:border-color .12s,box-shadow .12s,background .12s}.otp-cell:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 22%, transparent)}.otp-row.is-error .otp-cell{border-color:var(--destructive)}.otp-dash{background:var(--border);border-radius:2px;flex-shrink:0;width:12px;height:2px}.info-tile{background:var(--muted);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:4px;padding:14px;display:flex}.info-tile-icon{background:var(--tint-lime-bg);width:32px;height:32px;color:var(--tint-lime-fg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.info-tile-body{min-width:0}.info-tile-title{color:var(--foreground);margin-bottom:2px;font-size:13.5px;font-weight:600}.info-tile-sub{color:var(--muted-foreground);font-size:12.5px;line-height:1.4}.qr-wrap{flex-direction:column;align-items:center;gap:14px;margin-bottom:18px;display:flex}.qr-frame{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px;line-height:0}.qr-frame svg,.qr-frame img{width:168px;height:168px;display:block}.qr-secret{font-family:var(--font-mono);letter-spacing:.08em;color:var(--foreground);background:var(--muted);border:1px solid var(--border);word-break:break-all;text-align:center;border-radius:8px;padding:8px 12px;font-size:13px}.brand-logo{width:auto;height:22px;display:block}.auth-spin{animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}
