:root{
  --ep-bg:#07080c;
  --ep-panel:#0f1118;
  --ep-panel-2:#141721;
  --ep-line:#2a2d38;
  --ep-text:#f6f3ea;
  --ep-muted:#a8acb9;
  --ep-gold:#b8892d;
  --ep-gold-2:#d4a941;
  --ep-gold-dark:#6f5218;
  --ep-danger:#c55b5b;
  --ep-success:#4ca56b;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--ep-bg);color:var(--ep-text)}
body{min-height:100dvh;overflow-x:hidden}
button,input{font:inherit}
a{color:inherit}
.ep-access-body{background:
  radial-gradient(circle at 15% 15%,rgba(184,137,45,.14),transparent 30%),
  radial-gradient(circle at 85% 80%,rgba(184,137,45,.08),transparent 34%),
  linear-gradient(135deg,#07080c 0%,#0b0d13 45%,#08090d 100%)}
.ep-access-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.8fr);gap:54px;align-items:center;max-width:1320px;margin:0 auto;padding:44px 56px;position:relative}
.ep-access-brand{position:relative;padding:28px 10px 28px 18px;z-index:1}
.ep-brand-glow{position:absolute;left:-80px;top:15%;width:360px;height:360px;border-radius:50%;background:rgba(184,137,45,.08);filter:blur(80px);pointer-events:none}
.ep-logo-image{display:block;max-width:210px;max-height:92px;object-fit:contain;margin-bottom:30px}
.ep-logo-placeholder{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid rgba(212,169,65,.38);border-radius:14px;background:rgba(15,17,24,.65);box-shadow:0 16px 45px rgba(0,0,0,.2);margin-bottom:30px}
.ep-logo-placeholder span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--ep-gold-2),var(--ep-gold));color:#16120a;font-size:18px}
.ep-logo-placeholder strong{letter-spacing:.15em;font-size:15px}
.ep-eyebrow{margin:0 0 10px;color:var(--ep-gold-2);font-size:12px;font-weight:800;letter-spacing:.22em}
.ep-access-brand h1{margin:0;font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-.055em}
.ep-access-brand h1 span{color:var(--ep-gold-2)}
.ep-brand-copy{max-width:650px;margin:24px 0 0;color:#c4c6cf;font-size:20px;line-height:1.55}
.ep-benefits{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ep-benefits span{padding:10px 13px;border:1px solid rgba(184,137,45,.22);border-radius:999px;background:rgba(15,17,24,.72);color:#d7d3c7;font-size:13px}
.ep-access-card{position:relative;z-index:2;width:100%;max-width:530px;justify-self:end;padding:24px;border:1px solid rgba(212,169,65,.22);border-radius:24px;background:linear-gradient(180deg,rgba(19,22,31,.96),rgba(11,13,19,.98));box-shadow:0 30px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.03)}
.ep-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border-radius:14px;background:#090b10;border:1px solid #252834}
.ep-tabs button{min-height:46px;border:0;border-radius:10px;background:transparent;color:#9ea2af;font-weight:800;letter-spacing:.05em;cursor:pointer;transition:.2s ease}
.ep-tabs button:hover{color:#fff;background:#151821}
.ep-tabs button.is-active{color:#17120a;background:linear-gradient(145deg,var(--ep-gold-2),var(--ep-gold));box-shadow:0 8px 22px rgba(184,137,45,.2)}
.ep-message{margin:16px 0 0;padding:12px 14px;border-radius:11px;font-size:14px;line-height:1.45}
.ep-message.is-error{border:1px solid rgba(197,91,91,.42);background:rgba(197,91,91,.1);color:#ffd3d3}
.ep-message.is-success{border:1px solid rgba(76,165,107,.42);background:rgba(76,165,107,.1);color:#d7ffe2}
.ep-panel{display:none;padding:28px 5px 4px}
.ep-panel.is-active{display:block;animation:epFade .2s ease}
@keyframes epFade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.ep-panel-kicker{margin:0 0 7px;color:var(--ep-gold-2);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ep-panel h2{margin:0 0 22px;font-size:28px;letter-spacing:-.025em}
.ep-panel form{display:grid;gap:16px}
.ep-panel label{display:grid;gap:8px;color:#d7d8de;font-size:13px;font-weight:700}
.ep-field{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 13px;border:1px solid #303442;border-radius:12px;background:#0b0d13;transition:.18s ease}
.ep-field:focus-within{border-color:var(--ep-gold);box-shadow:0 0 0 3px rgba(184,137,45,.12)}
.ep-field>span{width:20px;text-align:center;color:var(--ep-gold-2);font-size:14px}
.ep-field input{width:100%;height:50px;border:0;outline:0;background:transparent;color:#fff;font-size:15px}
.ep-field input::placeholder{color:#6f7380}
.ep-show-password{flex:0 0 35px;height:35px;border:0;border-radius:8px;background:#151822;color:#aeb2bd;cursor:pointer}
.ep-show-password:hover{color:#fff;background:#202430}
.ep-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:9px!important;font-weight:500!important;color:#aeb1bb!important}
.ep-check input{accent-color:var(--ep-gold)}
.ep-primary-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:0;border-radius:12px;background:linear-gradient(145deg,var(--ep-gold-2),var(--ep-gold));color:#17120a;text-decoration:none;font-weight:900;letter-spacing:.04em;cursor:pointer;box-shadow:0 12px 30px rgba(184,137,45,.17);transition:.18s ease}
.ep-primary-button:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 16px 34px rgba(184,137,45,.22)}
.ep-help{margin:1px 0 0;text-align:center;color:#7f8491;font-size:12px;line-height:1.45}
.ep-connected{text-align:center;padding:30px 10px 16px}
.ep-connected-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:50%;background:rgba(76,165,107,.12);border:1px solid rgba(76,165,107,.38);color:#78d595;font-size:25px}
.ep-connected p{margin:0 0 5px;color:#9fa3af}
.ep-connected h2{margin:0 0 25px;font-size:28px}
.ep-text-link{display:inline-block;margin-top:17px;color:#aaaebb;text-decoration:none;font-size:13px}
.ep-text-link:hover{color:#fff}
@media(max-width:980px){
  .ep-access-shell{grid-template-columns:1fr;gap:24px;max-width:620px;padding:28px 22px 40px}
  .ep-access-brand{text-align:center;padding:10px 4px}
  .ep-logo-image,.ep-logo-placeholder{margin-left:auto;margin-right:auto}
  .ep-access-brand h1{font-size:52px}
  .ep-brand-copy{font-size:16px;margin-left:auto;margin-right:auto}
  .ep-benefits{justify-content:center}
  .ep-access-card{justify-self:center;max-width:560px}
}
@media(max-width:560px){
  .ep-access-shell{padding:18px 12px 28px}
  .ep-access-brand{padding-top:4px}
  .ep-logo-placeholder{margin-bottom:18px}
  .ep-eyebrow{font-size:10px}
  .ep-access-brand h1{font-size:41px}
  .ep-brand-copy{font-size:14px;margin-top:16px}
  .ep-benefits{margin-top:18px;gap:7px}
  .ep-benefits span{font-size:11px;padding:8px 10px}
  .ep-access-card{padding:14px;border-radius:18px}
  .ep-panel{padding:22px 2px 2px}
  .ep-panel h2{font-size:24px}
}