/* Darker, high-contrast blue-ish theme for Axyvon */
:root{
  /* Much darker / near-night -> near-black */
  --bg-grad: linear-gradient(180deg,#000006 0%, #000b14 48%, #00121a 100%);
  --panel-grad: linear-gradient(180deg,#02040a 0%, #051019 100%);
  --panel-overlay: radial-gradient(circle at 8% 12%, rgba(10,80,150,0.02), rgba(0,0,0,0) 30%);
  --input-grad: linear-gradient(180deg, rgba(255,255,255,0.004), rgba(255,255,255,0.002));
  --button-grad: linear-gradient(90deg,#0a4fd0 0%, #083fbb 60%, #052f96 100%);

  --text: #fbfeff;    /* near-white text for max contrast */
  --muted: #8ab7e6;   /* muted light blue */
  --accent: #6fbfff;  /* cool accent */
  --accent-2: #bfefff;/* lighter accent */

  --border: rgba(255,255,255,0.018);
  --radius: 12px;
  --container-padding: 1.25rem;
  --max-width: 960px;
  --logo-size: 144px;
}

*{box-sizing:border-box}
html{min-height:100%}
body{
  min-height:100vh; /* allow gradient to span full page, not just viewport */
  margin:0;
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color:var(--text);
  background:var(--bg-grad);
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-size:100% 100%; /* stretch gradient across the full page height */
}

.container{max-width:var(--max-width);margin:0 auto;padding:var(--container-padding)}

/* Header: transparent to show deep background */
.site-header{background:transparent;padding:0.5rem 0;border-bottom:none}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}

/* Logo - transparent wrapper */
.logo-wrap{width:var(--logo-size);height:var(--logo-size);border-radius:50%;background:transparent;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:none}
.logo{width:calc(var(--logo-size) - 36px);height:calc(var(--logo-size) - 36px);object-fit:contain;border-radius:50%;display:block;background:transparent}

/* Nav */
.top-nav .contact-link{display:inline-block;padding:.45rem .9rem;border-radius:10px;background:transparent;color:var(--accent);text-decoration:none;font-weight:600;border:none;transition:all 150ms ease}
.top-nav .contact-link:hover{background:transparent;color:var(--accent-2);text-decoration:underline}
.top-nav .contact-link:focus{outline:3px solid rgba(127,191,255,0.10);outline-offset:3px}

/* Main */
.site-main{display:flex;align-items:center;justify-content:center;min-height:62vh;padding:2rem 0}
.main-inner{width:100%;max-width:720px;padding:2.25rem;border-radius:var(--radius);background:var(--panel-grad), var(--panel-overlay);background-blend-mode:overlay;border:1px solid var(--border);text-align:center}

h1{font-size:2.5rem;margin:0 0 .5rem;color:var(--text);background:linear-gradient(90deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lead{color:var(--muted);font-size:1.05rem;margin:0 auto 1rem;max-width:56ch}
.eta{margin-top:.6rem;color:var(--muted)}

/* Form */
.subscribe{margin-top:1.25rem}
.placeholder-form{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem;flex-wrap:wrap}
.placeholder-form input{padding:.6rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,0.02);background:var(--input-grad);color:var(--text);min-width:240px}
.placeholder-form input::placeholder{color:var(--muted)}
.placeholder-form input:focus{outline:3px solid rgba(127,191,255,0.10);outline-offset:2px}
.placeholder-form button{padding:.6rem .9rem;border-radius:8px;border:none;background:var(--button-grad);color:white;font-weight:700;cursor:pointer;background-size:200% 100%}
.placeholder-form button:hover{background-position:100% 0}

/* Links */
a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:color 150ms ease,border-color 150ms ease}
a:hover{color:var(--accent-2);background-image:linear-gradient(90deg, rgba(191,233,255,0.12), rgba(191,233,255,0.04));background-repeat:no-repeat;background-position:0 100%;background-size:100% 3px}

.note{margin-top:1.25rem;color:var(--muted)}
.site-footer{padding:1.5rem 0;text-align:center;color:var(--muted)}
.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}

/* Accessibility */
:focus{outline:none}
:focus-visible{outline:3px solid rgba(127,191,255,0.10);outline-offset:3px}

/* Responsive */
@media(min-width:720px){h1{font-size:3.25rem}.main-inner{padding:3rem}:root{--logo-size:180px}}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}