:root{
  --gold:#d4af5a;
  --gold-soft:#f0d48b;
  --text:#f7f3ee;
  --muted:rgba(255,255,255,.78);
  --card:rgba(12,16,26,.56);
  --line:rgba(212,175,90,.28);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,sans-serif}
.authWrap{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:20px}
.authVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.authOverlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,11,18,.34),rgba(8,11,18,.55) 40%,rgba(8,11,18,.8))}
.authCard{position:relative;z-index:2;width:min(520px,100%);background:var(--card);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.35);color:var(--text)}
.brandRow{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.brandDot{width:16px;height:16px;border-radius:999px;background:linear-gradient(135deg,var(--gold-soft),var(--gold))}
.brandName{font-weight:900;letter-spacing:.08em}
h1{font-size:clamp(34px,6vw,52px);line-height:.95;margin:0 0 12px;font-family:Georgia,serif}
p{margin:0 0 18px;color:var(--muted);line-height:1.7}
.authForm{display:grid;gap:10px}
label{font-size:13px;font-weight:800;color:var(--muted)}
input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;outline:none}
input:focus{border-color:var(--gold)}
button{margin-top:8px;padding:14px 18px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--gold-soft),var(--gold));font-weight:900;color:#111}
.authLinks{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.authLinks a{color:#fff;text-decoration:none;font-weight:700}
.msg{padding:12px 14px;border-radius:14px;margin:0 0 14px;font-weight:700}
.msg.error{background:rgba(180,35,24,.18);border:1px solid rgba(180,35,24,.35)}
.msg.ok{background:rgba(15,123,58,.18);border:1px solid rgba(15,123,58,.35)}