:root{--accent:#3b6fed;--bg:#0f1115;--ink:#f4f6fb;--card:#ffffff0f;--card-border:#ffffff1a;--muted:#f4f6fb9e;--radius:16px;--maxw:520px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,system-ui,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.45}.app{max-width:var(--maxw);flex-direction:column;min-height:100dvh;margin:0 auto;padding:24px 20px 40px;display:flex}.brand{align-items:center;gap:10px;padding:8px 0 32px;display:flex}.brand__mark{background:var(--accent);border-radius:8px;width:28px;height:28px}.brand__name{letter-spacing:-.01em;font-size:17px;font-weight:600}.stack{flex-direction:column;flex:1;justify-content:center;gap:16px;display:flex}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px}.card__title{letter-spacing:-.01em;margin:0 0 10px;font-size:22px;font-weight:600}.card__body{color:var(--ink);margin:0 0 8px}.card__note{color:var(--muted);margin:0;font-size:14px}.link{color:var(--accent)}.form{flex-direction:column;gap:8px;margin-top:20px;display:flex}.form__label{color:var(--muted);font-size:14px}.form__input{width:100%;min-height:48px;font:inherit;color:var(--ink);border:1px solid var(--card-border);background:#00000040;border-radius:10px;padding:12px 14px;font-size:16px}.form__input::placeholder{color:#f4f6fb59}.form__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form__button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form__button{min-height:48px;font:inherit;color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:10px;margin-top:8px;padding:12px 18px;font-size:16px;font-weight:600}.form__button:disabled{opacity:.6;cursor:default}.form__error{color:#ff9a8b;margin:4px 0 0;font-size:14px}