:root{--paper:oklch(0.985 0.013 96);--ink:oklch(0.31 0.062 158);--ink-2:oklch(0.43 0.050 156);--ink-3:oklch(0.56 0.038 152);--line:oklch(0.31 0.06 158/0.18);--line-strong:oklch(0.31 0.06 158/0.34);--barley:oklch(0.55 0.090 134);--oat:oklch(0.81 0.145 82);--clay:oklch(0.60 0.120 54);--display:"Saira SemiCondensed","Saira",system-ui,sans-serif;--body:"Host Grotesk","Helvetica Neue",Arial,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--body);color:var(--ink);background:var(--paper);min-height:100dvh;background-image:radial-gradient(oklch(.31 .06 158/.022) 1px,transparent 0);background-size:22px 22px;-webkit-font-smoothing:antialiased;display:grid;place-items:center;padding:24px}.wrap{width:100%;max-width:384px}.lock{display:flex;align-items:center;gap:11px;margin-bottom:26px;justify-content:center}.lock svg{height:42px;width:auto;color:var(--ink)}.lock .tx{display:flex;flex-direction:column;line-height:1}.wm{font-family:var(--display);font-weight:800;letter-spacing:.02em;font-size:1.55rem}.sub,.wm{text-transform:uppercase}.sub{font-size:.625rem;letter-spacing:.18em;color:var(--ink-3);font-weight:600;margin-top:6px}.panel{border:1px solid var(--line);border-radius:14px;background:color-mix(in oklab,var(--paper) 55%,#fff);padding:32px 30px;box-shadow:0 1px 0 oklch(.31 .06 158/.04)}h1{font-family:var(--display);font-weight:700;font-size:1.55rem;letter-spacing:.01em;margin-bottom:7px}.lead{font-size:.875rem;color:var(--ink-2);line-height:1.55;margin-bottom:22px}.lead b{color:var(--ink)}.lead b,label{font-weight:600}label{display:block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:8px}input{width:100%;border:1px solid var(--line-strong);background:var(--paper);border-radius:9px;padding:12px 14px;font-size:1rem;color:var(--ink);font-family:var(--body);transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--ink-3)}input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px oklch(.81 .145 82/.32)}input.code{font-family:var(--display);font-weight:700;font-size:1.7rem;letter-spacing:.36em;text-align:center;padding-left:.36em}button.submit{width:100%;margin-top:20px;background:var(--ink);color:oklch(.95 .02 100);border:1px solid var(--ink);border-radius:9px;padding:13px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;display:flex;align-items:center;justify-content:center;gap:9px}button.submit:hover:not(:disabled){background:oklch(.27 .06 158)}button.submit:active:not(:disabled){transform:translateY(1px)}button.submit:disabled{opacity:.55;cursor:default}.msg{font-size:.8125rem;border-radius:8px;padding:11px 13px;margin-top:16px;line-height:1.45}.msg.err{background:oklch(.6 .12 54/.12);color:var(--clay)}.msg.ok{background:oklch(.55 .09 134/.14);color:var(--barley)}.row{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:.8125rem}.link{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px;cursor:pointer;background:none;border:none;font:inherit;padding:0}.link:hover:not(:disabled){color:var(--ink)}.link:disabled{color:var(--ink-3);text-decoration:none;cursor:default}.foot{text-align:center;margin-top:22px;font-size:.6875rem;color:var(--ink-3);line-height:1.5}.spinner{width:15px;height:15px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}