:root{--bg:#09080b;--panel:#171016;--line:rgba(255,255,255,.14);--text:#fff8ea;--muted:#cbbda4;--gold:#e7b749;--gold2:#fae0a1;--red:#a91519;--ok:#88e8a4}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 12% 0,rgba(169,21,25,.30),transparent 32%),radial-gradient(circle at 88% 10%,rgba(231,183,73,.16),transparent 30%),var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
.wrap{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:36px 0 56px}
.topbar{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:48px;text-align:center}
.brand{display:inline-flex;align-items:center;justify-content:center}
.brand-logo{display:block;width:auto;height:140px;max-width:min(420px,86vw);object-fit:contain;filter:drop-shadow(0 0 18px rgba(231,183,73,.22))drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:filter .35s}
.brand:hover .brand-logo{filter:drop-shadow(0 0 28px rgba(231,183,73,.38))drop-shadow(0 2px 12px rgba(0,0,0,.6))}
.nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}
.nav a,.btn{min-height:42px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.075);padding:10px 13px;font-size:13px;font-weight:850;display:inline-flex;align-items:center;justify-content:center}
.nav a{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);transition:background .2s,border-color .2s,color .2s}
.nav a:hover{background:rgba(255,255,255,.1);border-color:var(--gold);color:var(--gold2)}
.btn{cursor:pointer;width:max-content;color:inherit}
.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1b1000;border-color:rgba(231,183,73,.58)}
.btn.google{background:#fff;color:#1f1f1f;border:2px solid #dadce0;gap:10px;font-size:15px;font-weight:800;min-height:52px;width:100%}
.layout{display:grid;grid-template-columns:1fr minmax(320px,430px);gap:18px;align-items:start}
.panel{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));padding:22px}
.form{display:grid;gap:12px}
h1,h2,p{margin:0}
h1{font-size:clamp(34px,5.6vw,58px);line-height:1;letter-spacing:0}
p{color:var(--muted);line-height:1.65}
.eyebrow{color:var(--gold);font-size:12px;font-weight:950;text-transform:uppercase;margin-bottom:8px}
label{font-size:13px;font-weight:900;color:var(--gold2)}
input{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(0,0,0,.28);color:var(--text);padding:11px 12px;font:inherit}
.status{min-height:22px;color:var(--muted);font-size:13px}
.status.bad{color:#ffb7ba}.status.ok{color:var(--ok)}
.list,.grid{display:grid;gap:10px}
.item{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;background:rgba(0,0,0,.18);color:#fff4d2;font-weight:800}
.small{font-size:13px;color:var(--muted)}
.or-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.or-divider::before,.or-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kv{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;background:rgba(0,0,0,.18);overflow-wrap:anywhere}
.kv span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:5px}
.kv strong{font-size:15px}
@media(max-width:780px){.layout,.profile-grid{grid-template-columns:1fr}.wrap{padding-top:28px}.brand-logo{height:110px;max-width:min(340px,88vw)}.btn,.nav a{width:100%}.nav{width:100%}}