/* Newsletter page styles — minimal, centered, responsive */
:root{
  --bg:#0a0f14;
  --card:#0f1720;
  --muted:#9aa7b6;
  --accent1:linear-gradient(135deg,#00ff88,#00d4ff);
}

html,body{height:100%;}
body{background: radial-gradient(800px 400px at 10% 10%, rgba(0,255,136,0.05), transparent), radial-gradient(600px 300px at 90% 90%, rgba(0,212,255,0.04), transparent), var(--bg); color:#e6eef8; font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;}

.ny-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 1.25rem;}
.ny-hero{width:100%;max-width:900px;}
.ny-card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); border:1px solid rgba(255,255,255,0.03); padding:3rem;border-radius:14px; box-shadow:0 12px 40px rgba(2,6,12,0.6);}

.ny-header{margin-bottom:1.25rem;text-align:left}
.ny-title{font-size:1.75rem;margin:0 0 0.35rem;color:#fff;letter-spacing:0.2px}
.ny-sub{margin:0;color:var(--muted);font-size:0.95rem;max-width:70%;}

.ny-form{margin-top:1.25rem}
.ny-input-row{display:flex;gap:0.75rem;align-items:center}
.ny-input-row input[type="email"]{flex:1;padding:0.8rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:#eaf6ff;font-size:0.95rem;outline:none}
.ny-input-row input::placeholder{color:#7d8b98}
.ny-input-row input.ny-invalid{box-shadow:0 0 0 3px rgba(255,80,80,0.08);border-color:#ff7070}
.nav-link-cta{padding:0.7rem 1.3rem;border-radius:10px;border:none;cursor:pointer}

.ny-note{margin:0.6rem 0 0;color:var(--muted);font-size:0.92rem}
.ny-privacy{margin:0.25rem 0 0;color:#8b98a6;font-size:0.78rem}

.ny-bullets{margin-top:1.6rem}
.ny-bullets ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0.8rem}
.ny-bullets li{display:block}
.ny-bullet{background:none;border:0;color:#cfe9ff;display:flex;gap:0.65rem;align-items:center;font-size:0.95rem;padding:0.45rem;border-radius:8px;cursor:pointer;width:100%;text-align:left;transition:color 150ms ease,background 150ms ease}
.ny-bullet:hover{color:#00ff88;background:rgba(0,255,136,0.02)}
.ny-bullet:focus{outline:2px solid rgba(0,255,136,0.08);outline-offset:2px}
.ny-bullet .ny-icon{width:20px;height:20px;flex:0 0 20px}
.ny-bullet.selected{color:#00ff88;font-weight:600}

.ny-trust{margin-top:1.25rem;color:#91a7b8;font-size:0.88rem;text-align:left}

.ny-links{display:flex;gap:0.75rem;margin-top:1.4rem}
.ny-link{color:#bcd6e8;text-decoration:none;padding:0.45rem 0.85rem;border-radius:8px;border:1px solid rgba(255,255,255,0.03);background:transparent;font-size:0.92rem}
.ny-link:hover{background:rgba(255,255,255,0.02)}

.ny-thanks{padding:2rem;text-align:center}
.ny-thanks h2{margin:0 0 0.5rem;color:#fff}
.ny-thanks p{margin:0;color:var(--muted)}

@media (max-width:720px){
  .ny-card{padding:2rem}
  .ny-sub{max-width:100%}
  .ny-input-row{flex-direction:column;align-items:stretch}
  .ny-input-row .nav-link-cta{width:100%}
}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}