.brand-panel-access-body { background:#1d1025; }
.brand-panel-access { position:relative; min-height:100vh; overflow:hidden; display:flex; align-items:center; padding:125px 0 70px; color:#fff; background:linear-gradient(145deg,#1b0e22 0%,#351744 48%,#662d91 100%); }
.brand-panel-access::before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent); }
.brand-panel-glow { position:absolute; border-radius:50%; filter:blur(12px); pointer-events:none; }
.brand-panel-glow-one { width:420px; height:420px; top:-170px; inset-inline-start:-100px; background:rgba(247,147,30,.2); }
.brand-panel-glow-two { width:520px; height:520px; bottom:-280px; inset-inline-end:-100px; background:rgba(180,115,220,.24); }
.brand-panel-access-inner { position:relative; z-index:1; display:flex; justify-content:center; }
.brand-panel-card { width:min(100%,620px); padding:50px; text-align:center; border:1px solid rgba(255,255,255,.18); border-radius:32px; background:rgba(22,10,29,.72); box-shadow:0 35px 90px rgba(0,0,0,.34); backdrop-filter:blur(18px); }
.brand-panel-logo { width:180px; margin-bottom:24px; }
.brand-panel-label { display:table; margin:0 auto 18px; padding:7px 15px; color:#f7931e; border:1px solid rgba(247,147,30,.55); border-radius:999px; font-size:14px; font-weight:700; }
.brand-panel-card h1 { margin:0 0 12px; color:#fff; text-align:center; font-size:clamp(34px,4vw,52px); }
.brand-panel-intro { color:rgba(255,255,255,.7); line-height:1.8; }
.brand-panel-credentials { display:grid; gap:12px; margin:34px 0 26px; }
.brand-panel-field { display:grid; grid-template-columns:110px 1fr auto; align-items:center; gap:14px; min-height:66px; padding:10px 12px 10px 20px; text-align:start; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(255,255,255,.07); }
.brand-panel-field > span { color:rgba(255,255,255,.6); font-size:14px; }
.brand-panel-field strong { overflow:hidden; color:#fff; direction:ltr; text-align:left; text-overflow:ellipsis; white-space:nowrap; font-family:Syne,sans-serif; font-weight:600; }
.brand-panel-field button { padding:8px 13px; color:#fff; border:0; border-radius:10px; background:rgba(255,255,255,.12); font-size:13px; transition:background-color .2s ease; }
.brand-panel-field button:hover { background:#662d91; }
.brand-panel-enter { display:flex; align-items:center; justify-content:center; gap:14px; min-height:58px; padding:14px 24px; color:#151515; border:1px solid #fff; border-radius:16px; background:#f7931e; font-weight:700; transition:transform .2s ease,background-color .2s ease; }
.brand-panel-enter:hover { color:#fff; background:#662d91; transform:translateY(-2px); }
.brand-panel-enter span { font-size:25px; line-height:1; }
.brand-panel-empty { margin-top:30px; color:#f8c985; }
@media (max-width:576px) { .brand-panel-access { padding:105px 14px 45px; } .brand-panel-card { padding:32px 20px; border-radius:24px; } .brand-panel-logo { width:145px; } .brand-panel-field { grid-template-columns:1fr auto; gap:7px 12px; } .brand-panel-field > span { grid-column:1/-1; } }