/* ══════════════════════════════════════════════════════════ AUTH — premium dark / gold edition ══════════════════════════════════════════════════════════ */ *, *::before, *::after{box-sizing:border-box;}
html, body{ min-height:100%; margin:0; padding:0; }
body{ font-family:'Manrope', 'Segoe UI', system-ui, sans-serif; color:#f0ece4; background: radial-gradient(ellipse 80% 60% at 10% 0%, rgba(176, 141, 87, 0.10) 0%, transparent 55%), radial-gradient(ellipse 60% 50% at 90% 100%, rgba(176, 141, 87, 0.06) 0%, transparent 50%), radial-gradient(ellipse 40% 30% at 50% 50%, rgba(176, 141, 87, 0.03) 0%, transparent 60%), linear-gradient(160deg, #07080a 0%, #0a0b0e 60%, #080a0d 100%); overflow-x:hidden; }
/* Сетка-текстура */ body::before{ content:''; position:fixed; inset:0; pointer-events:none; background: linear-gradient(rgba(255, 255, 255, 0.013) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.013) 1px, transparent 1px); background-size:52px 52px; mask-image:radial-gradient(ellipse at center, #000 20%, transparent 80%); opacity:0.4; z-index:0; }
/* Декоративный золотой луч сверху */ body::after{ content:''; position:fixed; top:0;left:0;right:0; height:1px; background:linear-gradient(90deg, transparent 5%, rgba(176, 141, 87, 0.5) 25%, rgba(232, 201, 122, 0.85) 50%, rgba(176, 141, 87, 0.5) 75%, transparent 95%); z-index:1; }
/* ── Layout ─────────────────────────────────────────────── */ .users-auth{ min-height:100vh; display:flex; align-items:center; justify-content:center; padding:48px 20px; position:relative; z-index:1; }
.users-auth-box{ width:min(100%, 440px); display:grid; gap:20px; position:relative; z-index:2; }
/* ── Brand ──────────────────────────────────────────────── */ .users-auth-brand{ display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center; }
.users-auth-logo-img{ height:70px; width:auto; display:block; filter:drop-shadow(0 0 20px rgba(176, 141, 87, 0.25)); }
.users-auth-eyebrow{ font-family:'JetBrains Mono', monospace; font-size:0.62rem; font-weight:500; letter-spacing:0.22em; text-transform:uppercase; color:rgba(176, 141, 87, 0.65); }
.users-auth-title{ font-family:'Oswald', sans-serif; font-size:clamp(1.8rem, 4vw, 2.6rem); font-weight:700; letter-spacing:0.04em; text-transform:uppercase; line-height:1; color:#f5efe7; margin:0; }
.users-auth-title span{ color:#c9a876; }
/* Золотая разделительная линия */ .users-auth-divider{ width:48px; height:1px; background:linear-gradient(90deg, transparent, #b08d57, transparent); margin:2px auto 0; }
/* ── Card ───────────────────────────────────────────────── */ .users-auth-card{ position:relative; padding:32px 30px 28px; background: radial-gradient(ellipse 70% 50% at 100% 0%, rgba(176, 141, 87, 0.06), transparent 55%), linear-gradient(160deg, rgba(10, 11, 14, 0.98), rgba(13, 15, 18, 0.97)); border:1px solid rgba(176, 141, 87, 0.2); border-top-color:rgba(176, 141, 87, 0.45); box-shadow: 0 32px 80px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(176, 141, 87, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.03); }
/* Срезанный угол top-right */ .users-auth-card::before{ content:''; position:absolute; top:0;right:0; width:0;height:0; border-style:solid; border-width:0 28px 28px 0; border-color:transparent rgba(176, 141, 87, 0.35) transparent transparent; }
/* Золотой блик top-right */ .users-auth-card::after{ content:''; position:absolute; top:0;right:0; width:48px;height:48px; pointer-events:none; background:linear-gradient(225deg, rgba(176, 141, 87, 0.18) 0%, transparent 55%); }
/* ── Form ───────────────────────────────────────────────── */ .users-auth-card form{ display:grid; gap:16px; }
.ua-field{ display:grid; gap:7px; }
.ua-label{ font-family:'JetBrains Mono', monospace; font-size:0.62rem; font-weight:500; letter-spacing:0.16em; text-transform:uppercase; color:rgba(176, 141, 87, 0.7); }
.ua-field input{ width:100%; padding:13px 16px; border:1px solid rgba(176, 141, 87, 0.22); background:rgba(5, 6, 8, 0.92); color:#f0ece4; font-family:'Manrope', sans-serif; font-size:15px; outline:none; border-radius:0; transition:border-color 200ms ease, box-shadow 200ms ease; }
.ua-field input::placeholder{color:rgba(176, 141, 87, 0.2);}
.ua-field input:hover{ border-color:rgba(176, 141, 87, 0.40); }
.ua-field input:focus{ border-color:rgba(176, 141, 87, 0.65); box-shadow:0 0 0 3px rgba(176, 141, 87, 0.08), 0 0 16px rgba(176, 141, 87, 0.06); }
/* password */ .ua-pass-wrap{position:relative;}
.ua-pass-wrap input{padding-right:52px;}
.ua-pass-btn{ position:absolute; top:50%;right:8px; transform:translateY(-50%); width:34px;height:34px; border:1px solid rgba(176, 141, 87, 0.22); background:rgba(10, 11, 14, 0.9); color:rgba(176, 141, 87, 0.5); cursor:pointer; font-size:14px; display:flex; align-items:center; justify-content:center; transition:border-color 180ms ease, color 180ms ease; }
.ua-pass-btn:hover{ border-color:rgba(176, 141, 87, 0.55); color:#c9a876; }
/* remember */ .ua-remember{ display:inline-flex; align-items:center; gap:10px; font-size:13px; color:rgba(193, 187, 177, 0.55); cursor:pointer; user-select:none; }
.ua-remember input{ width:15px;height:15px; accent-color:#b08d57; cursor:pointer; }
/* submit */ .ua-btn{ width:100%; min-height:52px; margin-top:6px; border:1px solid rgba(176, 141, 87, 0.5); background:linear-gradient(110deg, #1a1408 0%, #6b5020 40%, #b08d57 100%); color:#07080a; font-family:'Oswald', sans-serif; font-size:1rem; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; cursor:pointer; position:relative; overflow:hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4), 0 0 20px rgba(176, 141, 87, 0.12); transition:box-shadow 200ms ease, filter 200ms ease; }
.ua-btn::before{ content:''; position:absolute; inset:0; background:linear-gradient(110deg, rgba(232, 201, 122, 0) 0%, rgba(232, 201, 122, 0.35) 50%, rgba(232, 201, 122, 0) 100%); transform:translateX(-100%); transition:transform 500ms ease; }
.ua-btn:hover{ filter:brightness(1.1); box-shadow:0 12px 40px rgba(0, 0, 0, 0.45), 0 0 32px rgba(176, 141, 87, 0.22); }
.ua-btn:hover::before{ transform:translateX(100%); }
.ua-btn:active{filter:brightness(0.92);}
/* ── Alerts ─────────────────────────────────────────────── */ .ua-alert{ padding:12px 16px; font-size:13px; border:1px solid transparent; font-family:'JetBrains Mono', monospace; letter-spacing:0.04em; }
.ua-alert--danger{ background:rgba(185, 28, 28, 0.1); color:#fca5a5; border-color:rgba(220, 38, 38, 0.28); }
.ua-alert--success{ background:rgba(22, 101, 52, 0.12); color:#86efac; border-color:rgba(34, 197, 94, 0.26); }
/* ── Footer links ───────────────────────────────────────── */ .ua-footer{ text-align:center; font-family:'JetBrains Mono', monospace; font-size:0.68rem; letter-spacing:0.1em; text-transform:uppercase; color:rgba(176, 141, 87, 0.35); line-height:2; }
.ua-footer a{ color:rgba(176, 141, 87, 0.65); text-decoration:none; border-bottom:1px solid rgba(176, 141, 87, 0.2); transition:color 160ms ease, border-color 160ms ease; }
.ua-footer a:hover{ color:#c9a876; border-color:rgba(176, 141, 87, 0.55); }
.ua-footer-sep{ display:inline-block; margin:0 8px; opacity:0.3; }
/* ── Honeypot ───────────────────────────────────────────── */ .users-auth-hp{ position:absolute; left:-9999px; width:1px;height:1px; opacity:0;overflow:hidden; pointer-events:none; }
/* ── Captcha ────────────────────────────────────────────── */ .g-recaptcha, .smart-captcha{margin-top:4px;}
/* ── Fonts ──────────────────────────────────────────────── */ @font-face{ font-family:'Oswald'; font-style:normal; font-weight:500 700; font-display:swap; src:url('/fonts/Oswald-SemiBold.woff2') format('woff2'); }
@font-face{ font-family:'JetBrains Mono'; font-style:normal; font-weight:400 700; font-display:swap; src:url('/fonts/FiraSans-Medium.woff2') format('woff2'); }
@font-face{ font-family:'Manrope'; font-style:normal; font-weight:400 800; font-display:swap; src:url('/fonts/Manrope-SemiBold.woff2') format('woff2'); }
/* ── Responsive ─────────────────────────────────────────── */ @media (max-width:480px){ .users-auth{padding:32px 14px;}
.users-auth-card{padding:24px 18px 22px;}
.users-auth-title{font-size:1.6rem;}
}