@font-face{font-family:Orbitron;src:url("assets/fonts/Orbitron-400.ttf")}
@font-face{font-family:Orbitron;src:url("assets/fonts/Orbitron-700.ttf");font-weight:700}
@font-face{font-family:Orbitron;src:url("assets/fonts/Orbitron-900.ttf");font-weight:900}
@font-face{font-family:Rajdhani;src:url("assets/fonts/Rajdhani-400.ttf")}
@font-face{font-family:Rajdhani;src:url("assets/fonts/Rajdhani-600.ttf");font-weight:600}
@font-face{font-family:Mono;src:url("assets/fonts/ShareTechMono-400.ttf")}

:root{
  --bg:#030407;
  --panel:#080a10;
  --ink:#f5f7f6;
  --muted:#98a39e;
  --line:rgba(255,255,255,.14);
  --green:#a4f957;
  --purple:#7658ff;
  --cyan:#66dcce;
  --danger:#ff6b86;
  --grad:linear-gradient(110deg,var(--green),#9ae591 44%,var(--purple));
  --head:Orbitron,sans-serif;
  --body:Rajdhani,sans-serif;
  --mono:Mono,monospace;
}

*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0;
  overflow-x:hidden;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--body);
}
button,input,select{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}

#network{position:fixed;inset:0;z-index:-3;width:100%;height:100%;opacity:.64}
.noise{
  position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.15;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:100% 4px,92px 92px;
  mask-image:linear-gradient(#000,transparent 92%);
}
.aurora{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.aurora i{position:absolute;width:58vw;height:58vw;border-radius:50%;filter:blur(96px);opacity:.14;animation:drift 18s ease-in-out infinite alternate}
.aurora i:first-child{background:var(--purple);top:-28vw;right:-16vw}
.aurora i:nth-child(2){background:var(--green);left:-34vw;top:30vh;animation-delay:-8s}
.aurora i:last-child{background:var(--cyan);right:-32vw;bottom:-28vw;animation-delay:-13s}

.page-shell{
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:18px 18px 46px;
}
.form-stage{
  position:relative;
  width:min(100%,520px);
  display:grid;
  gap:16px;
  transform:translateY(-18px);
}
.brand{
  display:grid;
  place-items:center;
  min-height:88px;
}
.brand img{
  width:min(58vw,300px);
  filter:drop-shadow(0 0 18px rgba(164,249,87,.34)) drop-shadow(0 0 34px rgba(118,88,255,.18));
}
.glass-form{
  position:relative;
  display:grid;
  gap:15px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(155deg,rgba(255,255,255,.095),rgba(255,255,255,.025)),rgba(6,7,11,.78);
  box-shadow:0 34px 90px rgba(0,0,0,.55),0 0 42px rgba(118,88,255,.13),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(24px);
  overflow:hidden;
}
.glass-form:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:radial-gradient(circle at 50% 0%,rgba(164,249,87,.13),transparent 42%),radial-gradient(circle at 100% 80%,rgba(102,220,206,.09),transparent 34%);
}
.glass-form label,.primary-action,.form-message{position:relative;z-index:1}
.glass-form label{display:grid;gap:7px}
.glass-form span{
  color:#8d9792;
  font:10px var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.glass-form input,
.glass-form select{
  width:100%;
  height:52px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:15px;
  background:rgba(4,5,8,.82);
  color:var(--ink);
  outline:0;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.glass-form select{
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--green) 50%),linear-gradient(135deg,var(--green) 50%,transparent 50%),linear-gradient(155deg,rgba(255,255,255,.05),rgba(255,255,255,.01));
  background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px,0 0;
  background-size:6px 6px,6px 6px,100% 100%;
  background-repeat:no-repeat;
}
.glass-form input::placeholder{color:#5f6964}
.glass-form input:focus,
.glass-form select:focus{
  border-color:rgba(164,249,87,.58);
  box-shadow:0 0 0 3px rgba(164,249,87,.08);
}
.primary-action{
  height:56px;
  margin-top:3px;
  border:0;
  border-radius:16px;
  background:var(--grad);
  color:#060807;
  font:900 12px var(--head);
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 14px 34px rgba(164,249,87,.18),0 0 24px rgba(118,88,255,.12);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.primary-action:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(164,249,87,.23),0 0 34px rgba(118,88,255,.18)}
.primary-action:disabled{cursor:wait;filter:saturate(.65);transform:none}
.form-message{
  min-height:18px;
  margin:0;
  color:var(--muted);
  font:11px/1.35 var(--mono);
  letter-spacing:.06em;
  text-align:center;
  text-transform:uppercase;
}
.form-message.error{color:var(--danger)}
.form-message.success{color:var(--green)}
.roadmap-cta{
  display:grid;
  justify-items:center;
  gap:14px;
  text-align:center;
}
.roadmap-cta h1{
  margin:0;
  font:900 clamp(18px,4.6vw,28px)/1.15 var(--head);
  letter-spacing:.08em;
  text-transform:uppercase;
  background:var(--grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 18px rgba(164,249,87,.16));
}
.roadmap-button{
  display:inline-grid;
  place-items:center;
  min-height:44px;
  padding:0 22px;
  border:1px solid rgba(164,249,87,.34);
  border-radius:999px;
  color:var(--ink);
  font:900 11px var(--head);
  letter-spacing:.12em;
  text-decoration:none;
  text-transform:uppercase;
  background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.018)),rgba(6,7,11,.58);
  box-shadow:0 14px 34px rgba(0,0,0,.26),0 0 24px rgba(118,88,255,.1);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.roadmap-button:hover{
  transform:translateY(-2px);
  border-color:rgba(164,249,87,.62);
  box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 30px rgba(164,249,87,.16);
}
.honeypot{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  left:-9999px!important;
}

@keyframes drift{to{transform:translate3d(9vw,7vh,0) scale(1.12)}}

@media(max-width:560px){
  .page-shell{padding:22px 14px}
  .form-stage{gap:12px;transform:translateY(-12px)}
  .brand{min-height:76px}
  .brand img{width:min(76vw,260px)}
  .glass-form{padding:18px;border-radius:22px;gap:13px}
  .glass-form input,.glass-form select{height:50px}
}

@media(max-height:720px){
  .page-shell{padding-block:16px}
  .form-stage{gap:10px;transform:translateY(-10px)}
  .brand{min-height:62px}
  .brand img{width:min(56vw,230px)}
  .glass-form{gap:11px;padding:16px}
  .glass-form input,.glass-form select{height:46px}
  .primary-action{height:50px}
  .roadmap-cta{gap:10px}
  .roadmap-button{min-height:40px}
}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition-duration:.01ms!important}
}