/* styles.css – bigger, responsive image */
:root{
  --bg:#071c2e; --bg2:#0a2540; --fg:#e6f2ff; --muted:#9bb6cf; --accent:#3ec5ff; --btn:#14b8ff;
  --radius:16px; --shadow:0 20px 50px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;color:var(--fg);background:linear-gradient(180deg,var(--bg),var(--bg2));font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}
.wrap{min-height:100%;display:grid;grid-template-rows:auto 1fr auto}
.brand{display:flex;align-items:center;gap:.6rem;padding:1rem 1.2rem}
.brand .logo{height:48px;width:auto;filter:drop-shadow(0 4px 18px rgba(0,0,0,.35))}
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.2rem;padding:clamp(2rem,6vw,5rem) 1rem}
.hero-mark{margin:0}
.hero-mark img{
  width:min(1400px,96vw);
  max-height:min(62vh,900px);
  height:auto;
  object-fit:contain;
  image-rendering:auto;
  filter:drop-shadow(0 18px 60px rgba(0,0,0,.45));
}
@media (max-width:460px){ .hero-mark img{ max-height:70vh; } }
@media (min-width:1600px){ .hero-mark img{ max-height:66vh; } }
.subscribe{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}
.subscribe input{width:min(480px,88vw);padding:1rem 1.1rem;border-radius:999px;border:none;background:rgba(255,255,255,.08);color:var(--fg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.btn{padding:1rem 1.2rem;border-radius:999px;border:none;background:var(--btn);color:white;font-weight:700;cursor:pointer;box-shadow:var(--shadow)}
.meta{color:#c4d8ea;font-size:.95rem}
.legal{text-align:center;padding:1.4rem;color:#9db4c7}
.bg{position:fixed;inset:0;pointer-events:none;z-index:-1}
.gradient{position:absolute;inset:-10% -10% 40% -10%;background:radial-gradient(circle at 20% 20%,#1a5b8a55,transparent 60%),radial-gradient(circle at 80% 10%,#1fb6ff33,transparent 50%),radial-gradient(circle at 70% 60%,#0ea5e944,transparent 55%)}
.wave{position:absolute;bottom:0;left:0;width:100%;height:40%;opacity:.8}
.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}
@media (prefers-color-scheme: light){
  :root{--bg:#f3f9ff;--bg2:#e9f3ff;--fg:#0b2235;--muted:#36526b;--accent:#006d9f;--btn:#0077b6}
  body{background:linear-gradient(180deg,var(--bg),var(--bg2))}
  .subscribe input{background:#ffffff;color:#0b2235;box-shadow:inset 0 0 0 1px #d5e6f6}
  .meta{color:#527494}
  .legal{color:#5c7c96}
}