html.sg-locked{overflow:hidden;}

.sg-overlay{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  padding:20px;
  background:rgba(5,6,9,.78);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  animation:sg-fade .18s ease-out;
}
.sg-overlay.sg-closing{animation:sg-fade .16s ease-in reverse;}
@keyframes sg-fade{from{opacity:0;}to{opacity:1;}}

.sg-card{
  position:relative;width:100%;max-width:440px;
  background:
    radial-gradient(120% 90% at 50% -10%, rgba(201,168,76,.16), transparent 55%),
    var(--surface,#12141b);
  border:1px solid var(--border,rgba(255,255,255,.08));
  border-radius:20px;
  padding:32px 30px 26px;
  text-align:center;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.85);
  animation:sg-pop .22s cubic-bezier(.2,.9,.3,1.2);
}
@keyframes sg-pop{from{opacity:0;transform:translateY(10px) scale(.97);}to{opacity:1;transform:none;}}

.sg-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Rajdhani',sans-serif;font-size:12.5px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright,#f3d68a);
  margin-bottom:14px;
}
.sg-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--gold,#c9a84c);box-shadow:0 0 8px var(--gold,#c9a84c);}

.sg-card h2{
  font-family:'Rajdhani',sans-serif;font-weight:700;font-size:26px;line-height:1.15;
  letter-spacing:.005em;color:var(--text,#eef0f4);margin:0 0 12px;
}

.sg-sub{
  font-family:'Space Grotesk',sans-serif;font-size:14px;line-height:1.55;
  color:var(--text-dim,#8b93a3);margin:0 0 24px;
}

.sg-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;}
.sg-actions .sg-btn{width:100%;padding:12px 18px;font-size:14px;}

.sg-links{
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-family:'Space Grotesk',sans-serif;font-size:12.5px;color:var(--text-dim,#8b93a3);
}
.sg-links a,.sg-continue{
  background:none;border:none;color:var(--text-dim,#8b93a3);
  cursor:pointer;font-family:inherit;font-size:inherit;text-decoration:none;
  padding:2px;transition:color .15s;
}
.sg-links a:hover,.sg-continue:hover{color:var(--gold,#c9a84c);}
.sg-dot{opacity:.5;}

@media(max-width:480px){
  .sg-card{padding:26px 20px 22px;border-radius:16px;}
  .sg-card h2{font-size:22px;}
}