/* ── register.php (not-logged-in gate) ── */

:root{--bg:#07080f;--card:#0f1220;--border:#2a2a50;--border-hi:#5a4890;--purple:#8860d0;--purple-lo:#3a1a70;--purple-hi:#c0a0f8;--text:#b8cce0;--muted:#5a6880;--gold:#e8a020;}
body{font-family:'Share Tech Mono',monospace;background:var(--bg);color:var(--text);min-height:100vh;}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);}
.container{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:24px 20px 40px;}

.gate-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:4px;
  padding:32px 34px;
  position:relative;
}
.gate-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--purple-lo),transparent);
}
.gate-lead{
  font-size:.86em;color:var(--text);line-height:1.7;
  margin-bottom:26px;text-align:center;
}

/* ── Numbered path (a real ordered sequence) ── */
.gate-steps{
  list-style:none;margin:0 0 28px;padding:0;
  display:flex;flex-direction:column;gap:2px;
}
.gate-step{
  display:flex;gap:16px;align-items:flex-start;
  padding:16px 0;
  border-top:1px solid rgba(90,72,144,.18);
}
.gate-step:first-child{border-top:none;padding-top:0;}
.gate-step-num{
  flex-shrink:0;
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--border-hi);
  border-radius:50%;
  background:rgba(136,96,208,.1);
  color:var(--purple-hi);
  font-family:'Cinzel',serif;font-size:.9em;
}
.gate-step-body h3{
  font-family:'Cinzel',serif;
  font-size:.8em;letter-spacing:2px;text-transform:uppercase;
  color:var(--purple-hi);margin-bottom:6px;
}
.gate-step-body p{
  font-size:.82em;color:var(--muted);line-height:1.7;margin:0;
}
.gate-step-body strong{color:var(--text);}

/* ── Escape hatch for returning citizens ── */
.gate-alt{
  border:1px solid rgba(232,160,32,.28);
  background:rgba(232,160,32,.05);
  border-radius:4px;
  padding:20px 22px;
  text-align:center;
}
.gate-alt-title{
  font-family:'Cinzel',serif;font-size:.76em;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold);margin-bottom:8px;
}
.gate-alt-note{
  font-size:.8em;color:var(--muted);line-height:1.7;margin-bottom:16px;
}
.gate-alt-note strong{color:var(--text);}
.gate-alt-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 24px;border-radius:3px;
  background:linear-gradient(135deg,var(--purple-lo),var(--purple));
  color:#f4eefc;text-decoration:none;
  font-family:'Rajdhani',sans-serif;font-size:.82em;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  box-shadow:0 4px 18px rgba(136,96,208,.3);
  transition:transform .1s,box-shadow .2s,opacity .2s;
}
.gate-alt-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(136,96,208,.42);opacity:.95;}
.gate-alt-btn:active{transform:translateY(0);}

@media (max-width:520px){
  .gate-card{padding:24px 20px;}
  .gate-step{gap:12px;}
}
@media (prefers-reduced-motion:reduce){
  .gate-alt-btn{transition:none;}
  .gate-alt-btn:hover{transform:none;}
}

footer{text-align:center;padding:24px;color:#2a1a40;font-size:.72em;letter-spacing:2px;text-transform:uppercase;border-top:1px solid var(--border);}