.auth{--fd:"Bricolage Grotesque",Georgia,serif;min-height:100vh;min-height:100svh;align-items:center;justify-content:center;background:radial-gradient(120% 80% at 50% -10%,rgba(232,83,42,.07),transparent 60%),rgb(var(--background));padding:calc(28px + env(safe-area-inset-top, 0px)) 20px calc(28px + env(safe-area-inset-bottom, 0px))}.auth,.auth-wrap{display:flex;flex-direction:column}.auth-wrap{width:100%;max-width:420px;gap:22px}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.auth-mark{width:58px;height:58px;border-radius:17px;background:rgb(var(--accent));display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px -10px rgba(232,83,42,.6)}.auth-word{font-family:var(--fd);font-weight:700;font-size:25px;letter-spacing:-.02em;color:rgb(var(--foreground));line-height:1}.auth-word b{color:rgb(var(--accent));font-weight:700}.auth-tag{font-size:12.5px;color:rgb(var(--muted));letter-spacing:.01em}.auth-card{background:rgb(var(--card));border:1.5px solid rgb(var(--border));border-radius:26px;padding:26px 24px 28px;box-shadow:0 1px 2px rgba(15,42,71,.04),0 30px 70px -45px rgba(20,20,25,.4)}.auth-head{margin-bottom:20px}.auth-h1{font-family:var(--fd);font-weight:700;font-size:21px;letter-spacing:-.02em;color:rgb(var(--foreground));margin:0;text-wrap:balance}.auth-sub{margin:5px 0 0;font-size:13.5px;line-height:1.45;color:rgb(var(--muted))}.auth-form{gap:16px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-pass{position:relative}.auth-pass .ops-champ{padding-right:48px}.auth-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:0;background:transparent;color:rgb(var(--muted));border-radius:12px;cursor:pointer}.auth-eye:active{transform:translateY(-50%) scale(.9)}.auth-str{display:flex;align-items:center;gap:8px;margin-top:8px}.auth-str-track{flex:1;height:5px;border-radius:3px;background:rgb(var(--border));overflow:hidden}.auth-str-fill{height:100%;border-radius:3px;transition:width .25s var(--ios,ease),background .25s}.auth-str-label{font-size:11px;font-weight:700;letter-spacing:.02em;min-width:56px;text-align:right;color:rgb(var(--muted))}.auth-err{display:flex;align-items:flex-start;gap:8px;border-radius:14px;padding:11px 13px;font-size:13px;line-height:1.4;background:rgba(198,72,60,.1);color:#a63a2f;border:1px solid rgba(198,72,60,.22)}.auth-ok{background:rgba(95,155,126,.12);color:#3f7a60;border-color:rgba(95,155,126,.25)}.auth-submit{width:100%;margin-top:2px}.auth-links{display:flex;flex-direction:column;gap:2px;text-align:center}.auth-alt{font-size:13.5px;color:rgb(var(--muted))}.auth-link{color:rgb(var(--accent));font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-mini{text-align:center;font-size:11.5px;color:rgb(var(--muted));letter-spacing:.02em}.auth-forgot{align-self:flex-end;margin-top:-8px;font-size:12.5px;color:rgb(var(--muted));text-decoration:none}.auth-forgot:hover{color:rgb(var(--accent))}.auth-demo{margin-top:14px;border-top:1px dashed rgb(var(--border));padding-top:12px;font-size:11.5px;line-height:1.6;color:rgb(var(--muted));text-align:center}.auth-demo code{font-family:IBM Plex Mono,ui-monospace,monospace;color:rgb(var(--foreground));font-size:11px}.auth-steps{display:flex;align-items:center;gap:8px;margin-bottom:18px}.auth-step{flex:1;height:5px;border-radius:3px;background:rgb(var(--border));transition:background .3s}.auth-step.on{background:rgb(var(--accent))}.auth-stepno{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--accent));margin-bottom:6px}.auth-slug{display:inline-flex;align-items:center;gap:2px;margin-top:8px;padding:7px 12px;border-radius:10px;background:rgba(232,83,42,.07);border:1px solid rgba(232,83,42,.18);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;color:rgb(var(--foreground));max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-slug .dim{color:rgb(var(--muted))}.auth-slug b{color:rgb(var(--accent));font-weight:700}.auth-recap{display:flex;flex-direction:column;gap:1px;border:1.5px solid rgb(var(--border));border-radius:16px;overflow:hidden;background:rgb(var(--background))}.auth-recap-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:rgb(var(--card))}.auth-recap-row .k{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--muted))}.auth-recap-row .v{font-size:14px;font-weight:600;color:rgb(var(--foreground));text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-nav{display:flex;gap:10px;margin-top:4px}.auth-back{flex:0 0 auto}.auth-next{flex:1}.auth-devlink{margin-top:14px;border:1px dashed rgba(232,83,42,.4);border-radius:14px;padding:12px;background:rgba(232,83,42,.05)}.auth-devlink .lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--accent))}.auth-devlink a{display:block;margin-top:6px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;line-height:1.45;color:rgb(var(--foreground));word-break:break-all}.auth-launch{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 0 6px;text-align:center}.auth-spin{width:34px;height:34px;border-radius:50%;border:3px solid rgb(var(--border));border-top-color:rgb(var(--accent));animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}