*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:#000;color:#fff;-webkit-font-smoothing:antialiased}

.auth-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 16px}
.auth-logo{width:200px;margin-bottom:16px}
.auth-tagline{color:#888888;font-size:15px;margin-bottom:32px}
.auth-box{width:100%;max-width:360px;text-align:center}
.auth-note{color:#888888;font-size:14px;line-height:1.5;margin-bottom:20px}

.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 40px;border:none;border-radius:100px;background:#fff;color:#000;font-size:16px;font-weight:600;cursor:pointer;font-family:'Inter',system-ui,sans-serif;transition:opacity .2s}
.google-btn:hover{opacity:.85}
.apple-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 40px;border:1px solid #2E2E2E;border-radius:100px;background:#000;color:#fff;font-size:16px;font-weight:600;cursor:pointer;font-family:'Inter',system-ui,sans-serif;transition:opacity .2s}
.apple-btn:hover{opacity:.85}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:12px 32px;border:1px solid #2E2E2E;border-radius:100px;background:transparent;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:'Inter',system-ui,sans-serif;transition:border-color .2s,opacity .2s}
.btn-secondary:hover{border-color:rgba(255,255,255,.3);opacity:.9}

.spinner{width:32px;height:32px;border:3px solid #222;border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.onb-label{display:block;font-size:13px;font-weight:600;color:#888;margin-bottom:6px;text-transform:uppercase;letter-spacing:0.5px}
.onb-input{width:100%;padding:12px 16px;border:1px solid #2E2E2E;border-radius:12px;background:#111;color:#fff;font-size:16px;font-family:'Inter',system-ui,sans-serif;outline:none;transition:border-color .2s}
.onb-input:focus{border-color:#555}
.onb-input::placeholder{color:#555}
.onb-hint{font-size:13px;margin-top:4px;min-height:18px;transition:color .2s}
.onb-hint.available{color:#34c759}
.onb-hint.taken{color:#ff453a}
.onb-hint.checking{color:#888}
.onb-error{font-size:14px;color:#ff453a;margin-top:8px}