@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;600;700;800&family=Playfair+Display:wght@600&display=swap');*{box-sizing:border-box}body{margin:0;background:#111;color:#fff;font-family:Manrope,Arial,sans-serif}main{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 90% 10%,#b9e1ff 0,transparent 27%)}.brand{position:fixed;top:30px;left:clamp(24px,5vw,70px);font-weight:800;font-size:1.55rem;letter-spacing:-.08em;color:#fff;text-decoration:none}.brand span{color:#d9ff44}section{width:min(100%,520px);background:#f8f7f2;color:#111;padding:42px}section>p{margin:0;color:#77746c;font:700 .68rem 'DM Mono',monospace;letter-spacing:.12em}h1{font:600 3rem/1 'Playfair Display',serif;letter-spacing:-.06em;margin:13px 0 26px}.tabs{display:flex;border-bottom:1px solid #d5d4cf;margin-bottom:22px}.tabs button{border:0;background:transparent;padding:10px 0;margin-right:22px;font-weight:800;font-size:.78rem}.tabs .active{border-bottom:2px solid #111}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:11px 12px;border:1px solid #d5d4cf;background:#fff;color:#111;text-decoration:none;font-size:.74rem;font-weight:800;text-align:center}.social-button.google{border-color:#111}.social-button.other{cursor:not-allowed;color:#777}.form-divider{display:flex;align-items:center;gap:10px;margin:22px 0;color:#77746c;font-size:.68rem}.form-divider::before,.form-divider::after{content:"";height:1px;flex:1;background:#d5d4cf}.form-divider span{white-space:nowrap}form{display:grid;gap:16px}fieldset{display:grid;gap:14px;border:1px solid #d5d4cf;padding:16px;margin:0}legend{padding:0 7px;color:#77746c;font:700 .65rem 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}label{display:grid;gap:7px;font-size:.77rem;font-weight:800}input{border:1px solid #d5d4cf;background:#fff;padding:13px;font:inherit}.register-field{display:none}.register-field.visible{display:grid}.form-row{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px}button[type=submit]{margin-top:8px;border:0;background:#111;color:#fff;padding:14px;font-weight:800;cursor:pointer}button:disabled{opacity:.65}#message{min-height:18px;margin:0;color:#af0027;font-size:.8rem}@media(max-width:500px){section{padding:30px 20px}.brand{top:24px}.social-login{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}