*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:system-ui, sans-serif;
}

body{
  background:#050505;
  color:#fff;
}

.form-selector{
  min-height:100vh;
  padding:100px 20px;
  text-align:center;
}

.form-selector h1{
  font-size:34px;
}

.form-subtitle{
  margin:12px 0 50px;
  color:#bdbdbd;
}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:30px;
  max-width:900px;
  margin:0 auto;
}

.form-card{
  background:rgba(10,10,10,.9);
  border:1px solid rgba(0,191,255,.3);
  border-radius:18px;
  padding:32px;
  text-align:center;
  transition:.3s;
}

.form-card:hover{
  transform:translateY(-8px);
  box-shadow:0 0 40px rgba(0,191,255,.4);
}

.form-card h3{
  margin:14px 0;
  color:#00e5ff;
}

.form-card p{
  font-size:15px;
  color:#cfcfcf;
  line-height:1.5;
}

.form-btn{
  margin-top:22px;
  display:inline-block;
  padding:14px 30px;
  border-radius:999px;
  background:linear-gradient(135deg,#00e5ff,#0066ff);
  color:#000;
  font-weight:900;
  text-decoration:none;
  transition:.3s;
}

.form-btn:hover{
  transform:scale(1.08);
}


.form-card.center{
  grid-column:1 / -1;
  max-width:420px;
  margin:0 auto;
}


.emoji{
  font-size:36px;
}

@media (max-width:700px){
  .form-grid{
    grid-template-columns:1fr;
  }

  .form-card.center{
    grid-column:auto;
    max-width:100%;
  }
}

.topbar{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 22px;border-bottom:1px solid var(--line);
  background:rgba(5,6,10,.65);
  backdrop-filter: blur(10px);
}
.brand{display:flex;align-items:center;gap:12px}
.brand .dot{
  width:10px;height:10px;border-radius:999px;background:var(--red);
  box-shadow:0 0 18px rgba(255,43,43,.55);
}
.brand small{display:block;color:var(--muted);margin-top:2px;font-size:12px}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  gap:8px;border:none;cursor:pointer;text-decoration:none;
  padding:12px 14px;border-radius:12px;
  font-weight:700;color:white;
}
.btn.primary{
  background:linear-gradient(90deg, rgba(255,43,43,.95), rgba(255,88,88,.95));
  box-shadow:0 0 22px rgba(255,43,43,.25);
}
.btn.ghost{
  background:transparent;border:1px solid rgba(255,255,255,.14);
  color:rgba(233,236,255,.92);
}
.btn:hover{transform:translateY(-1px)}