:root{
  --color-bg:#161826; --color-text:#e9e9ed; --color-divider:rgba(233,233,237,0.12);
  --color-accent:#01bd3c; --color-accent-2:#31e168;
  --mono:"JetBrains Mono", ui-monospace, monospace;
}
*{box-sizing:border-box}
html,body{margin:0}
body{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased}
.nx-cs{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:24px}
.nx-grid{position:absolute;inset:0;opacity:0.5;background-image:linear-gradient(rgba(49,225,104,0.09) 1px, transparent 1px), linear-gradient(90deg, rgba(49,225,104,0.09) 1px, transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(90% 70% at 50% 30%, #000 0%, transparent 78%);mask-image:radial-gradient(90% 70% at 50% 30%, #000 0%, transparent 78%)}
.nx-glow{position:absolute;top:-260px;left:50%;transform:translateX(-50%);width:900px;height:700px;background:radial-gradient(closest-side, rgba(1,189,60,0.2), transparent);filter:blur(10px)}
@keyframes nx-pulse{0%,100%{opacity:.35}50%{opacity:1}}
::placeholder{color:rgba(233,233,237,0.4)}

.nx-card{position:relative;max-width:560px;width:100%;padding:64px 32px;text-align:center;display:flex;flex-direction:column;align-items:center}
.Logo img{width: 40%; margin-bottom:20px}
.nx-logo{height:26px;margin-bottom:44px}
.nx-badge{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.nx-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent-2);animation:nx-pulse 2.8s ease-in-out infinite}
.nx-kicker{font-family:var(--mono);font-size:11px;letter-spacing:0.24em;text-transform:uppercase;color:var(--color-accent-2)}
h1{font-size:44px;font-weight:500;line-height:1.08;letter-spacing:-0.03em;margin:0 0 20px}
.nx-sub{font-size:16px;line-height:1.6;color:rgba(233,233,237,0.68);max-width:38ch;margin:0 0 40px}

.nx-form{display:flex;gap:10px;width:100%;max-width:420px}
.nx-input{flex:1;background:rgba(35,37,50,0.6);border:1px solid var(--color-divider);border-radius:10px;color:var(--color-text);font-size:14.5px;padding:13px 16px;font-family:inherit;min-width:0}
.nx-input:focus{outline:none;border-color:var(--color-accent-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:500;cursor:pointer;border:1px solid transparent;font-size:14px;padding:13px 22px;white-space:nowrap;transition:opacity .15s ease}
.btn-primary{background:var(--color-accent);color:#0b3317}
.btn-primary:hover{opacity:0.88}
.btn-primary:disabled{opacity:0.6;cursor:default}
.btn-secondary{background:transparent;border-color:var(--color-divider);color:var(--color-text);font-size:13px;padding:10px 20px}
.btn-secondary:hover{border-color:var(--color-accent-2)}

.nx-success{display:none;flex-direction:column;align-items:flex-start;gap:16px;font-size:14.5px;color:#31e168;border:1px solid rgba(49,225,104,0.35);border-radius:16px;padding:20px 24px;text-align:left;max-width:420px}
.nx-error{color:#ff8a8a;font-size:13px;margin-top:10px;min-height:16px}
.nx-submitted .nx-form{display:none}
.nx-submitted .nx-success{display:flex}
.nx-footer{margin-top:56px;font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(233,233,237,0.4)}

@media (max-width:480px){
  h1{font-size:32px}
  .nx-sub{font-size:15px}
  .nx-card{padding:44px 20px}
  .nx-form{flex-direction:column}
  .btn-primary{width:100%}
}