.auth{min-height:100vh;display:grid;place-items:center;padding:6rem var(--gutter) 4rem;background:radial-gradient(60% 50% at 50% 0%,rgba(245,179,1,.08),transparent 60%),var(--bg)}.auth-card{width:100%;max-width:460px;background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;padding:2.4rem 2rem;box-shadow:0 30px 80px -30px #0009}.auth-logo{display:inline-flex;margin-bottom:1.4rem}.auth-logo img{width:84px;height:auto}.auth-title{font-family:var(--font-display);font-size:1.9rem;letter-spacing:-.02em;margin-bottom:.4rem;color:var(--text)}.auth-sub{margin-bottom:1.6rem;color:var(--muted);font-size:.95rem}.auth-form .form-control{background:#ffffff0a;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:.85rem 1rem}.auth-form .form-control:focus{background:#ffffff0f;border-color:var(--accent);color:var(--text);box-shadow:0 0 0 3px #f5b3012e}.auth-form .form-label{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;font-weight:600}.auth-submit{width:100%;background:var(--accent);color:#0b0d10;border:0;border-radius:12px;padding:.95rem 1.2rem;font-weight:600;font-size:.98rem;margin-top:.6rem;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.auth-submit:hover:not(:disabled){background:#ffd24d;color:#0b0d10;transform:translateY(-1px);box-shadow:0 10px 30px -10px #f5b30180}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-link{color:var(--accent);font-weight:500;border-bottom:1px solid transparent;transition:border-color .2s ease;background:none;padding:0}.auth-link:hover{border-bottom-color:var(--accent);color:var(--accent)}.auth-link--inline{font-size:.85rem;margin-bottom:.5rem;display:inline-block}.auth-error{background:#ff505014;border:1px solid rgba(255,80,80,.3);color:#ff9b9b;padding:.7rem .9rem;border-radius:10px;font-size:.88rem;margin:.6rem 0}.auth-info{background:#28c84014;border:1px solid rgba(40,200,64,.3);color:#8eedb0;padding:.7rem .9rem;border-radius:10px;font-size:.88rem;margin:.6rem 0}.auth-foot{margin-top:1.4rem;text-align:center;font-size:.92rem;color:var(--muted)}.auth-loading{min-height:60vh;display:grid;place-items:center}.auth-spinner{width:28px;height:28px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}