*{box-sizing:border-box}
:root{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#f9fafb;background:#070b12
}
body{
  margin:0;min-height:100vh;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.20), transparent 34%),
    radial-gradient(circle at bottom right, rgba(16,185,129,.14), transparent 30%),
    #070b12;
}
.shell{min-height:100vh;display:grid;place-items:center;padding:28px}
.card{
  width:min(760px,100%);background:rgba(17,24,39,.88);
  border:1px solid rgba(255,255,255,.10);border-radius:24px;
  padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.40);
  backdrop-filter:blur(18px)
}
.brand{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.logo{
  width:54px;height:54px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,#22c55e,#3b82f6);
  font-weight:900;color:white;letter-spacing:.5px
}
.eyebrow{margin:0;color:#9ca3af;font-size:.76rem;font-weight:800;letter-spacing:.13em}
h1{margin:2px 0 0;font-size:clamp(1.65rem,4vw,2.35rem)}
.intro{color:#cbd5e1;margin:12px 0 24px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:8px;font-size:.92rem;font-weight:700;color:#e5e7eb;margin-bottom:16px}
input,textarea{
  width:100%;border:1px solid #334155;background:#0f172a;color:#f8fafc;
  border-radius:12px;padding:13px 14px;font:inherit;outline:none;
  transition:border-color .2s,box-shadow .2s
}
input:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.16)}
textarea{resize:vertical}
.check{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;font-weight:500;color:#cbd5e1}
.check input{width:18px;height:18px;margin-top:2px}
button{
  width:100%;border:0;border-radius:14px;padding:15px 18px;
  font:inherit;font-weight:900;color:white;cursor:pointer;
  background:linear-gradient(90deg,#2563eb,#10b981);
  box-shadow:0 12px 30px rgba(37,99,235,.20)
}
button:disabled{opacity:.65;cursor:not-allowed}
.status{min-height:22px;text-align:center;color:#a7f3d0;font-weight:700;margin:14px 0 0}
.hidden{position:absolute;left:-9999px}
@media (max-width:640px){
  .shell{padding:14px}.card{padding:22px 18px;border-radius:20px}.grid{grid-template-columns:1fr}
}