.auth-wrap{min-height:calc(100vh - 100px);display:grid;place-items:center;padding:70px 20px;background:radial-gradient(circle at 15% 15%,rgba(47,143,232,.15),transparent 32%),radial-gradient(circle at 85% 80%,rgba(212,166,42,.16),transparent 28%)}.auth-card{width:min(480px,100%);background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:var(--shadow);text-align:center}.auth-brand img{width:90px}.auth-card h1{font-family:Georgia,serif;font-size:2.7rem;color:var(--navy);margin:8px 0}.auth-card p{color:var(--muted)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f5f8;padding:5px;border-radius:14px;margin:26px 0}.auth-tabs button{border:0;background:transparent;padding:11px;border-radius:10px;font-weight:800;cursor:pointer;color:var(--muted)}.auth-tabs button.active{background:#fff;color:var(--navy);box-shadow:0 5px 18px rgba(4,31,64,.08)}#auth-form{text-align:left}.auth-card label{display:grid;gap:7px;font-weight:800;color:var(--navy);margin:14px 0}.auth-card input{padding:13px 14px;border:1px solid #dbe3ea;border-radius:12px}.auth-card .btn-primary{width:100%;border:0;border-radius:13px;padding:14px;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}.auth-status{margin-top:12px;font-weight:700}.auth-note{font-size:.78rem;margin-top:20px}.auth-note code{font-size:.72rem}@media(max-width:520px){.auth-card{padding:24px}}