/* Hexekta — minimal accessible stylesheet, aligned with Digirelik layout
   - Distinct color palette and clear borders
*/
:root{
  --primary: #d86bff; /* purple accent */
  --accent: #6bcfff;
  --bg: #070608;
  --panel: #0f0f10;
  --text: #f3f9fb;
  --muted: #cdeef6;
  --link: #ffd54a; /* yellow links for contrast */
  --border-strong: #d86bff;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}
.container{max-width:1100px;margin:0 auto;padding:1rem}

.site-header{padding:1.2rem 0;border-bottom:2px solid rgba(255,255,255,0.04)}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.logo{color:var(--primary);font-size:1.4rem;margin:0;font-weight:700}
.tag{color:var(--muted);font-size:0.95rem}

.main-nav{padding:0.5rem 0}
.nav-inner{display:flex;gap:0.8rem}
.nav-inner a{color:var(--link);text-decoration:none;padding:0.35rem 0.6rem;border-radius:6px;font-weight:700}
.nav-inner a:hover, .nav-inner a:focus{color:#fff;text-decoration:underline}

.hero{padding:2rem 0;text-align:center}
.hero h2{color:var(--primary);margin:0 0 0.4rem;font-size:1.6rem}
.lead{color:var(--muted);margin-bottom:0.6rem}
.hero-actions{display:flex;gap:0.6rem;justify-content:center}

.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.45rem 0.9rem;border-radius:6px;border:2px solid transparent;background:transparent;color:var(--text);cursor:pointer;text-decoration:none}
.btn-primary{background:var(--link);color:#000;font-weight:700;border:2px solid var(--link)}
.btn-ghost{border:2px solid rgba(255,255,255,0.06);background:transparent}
.btn-primary:hover{background:#fff1c9}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{background:var(--panel);border:2px solid var(--border-strong);padding:1rem;margin:1rem 0;border-radius:8px}
.card.feature{padding:1rem}
.feature h3{margin:0 0 0.5rem;color:var(--primary)}

.waitlist{display:flex;flex-wrap:wrap;gap:0.6rem;align-items:center;margin-top:0.6rem}
.waitlist input{padding:0.5rem;border-radius:6px;border:2px solid rgba(255,255,255,0.06);background:transparent;color:var(--text);min-width:220px}

.site-footer{padding:1rem 0;border-top:1px solid rgba(255,255,255,0.03);text-align:center;color:rgba(255,255,255,0.45)}
.footer-links a{color:var(--link)}

/* Toasts */
.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:0.6rem;pointer-events:none}
.alert{padding:0.8rem 1rem;border-radius:8px;margin:0;min-width:220px;border:2px solid rgba(255,255,255,0.06);background:#121212;color:var(--text);pointer-events:auto}
.alert-success{border-color:#0bb25a;background:#072a20;color:#dff7ea}
.alert-info{border-color:#00b0ff;background:#071a20;color:#dff7ff}
.alert-warning{border-color:#ffb84d;background:#2a1707;color:#fff3d9}
.alert-error{border-color:#ff6b6b;background:#2a0b0b;color:#ffdede}
.alert{animation: alertFade 6s ease forwards}
@keyframes alertFade{0%{opacity:1}66%{opacity:1}100%{opacity:0}}

@media (max-width:960px){.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.feature-grid{grid-template-columns:1fr}.header-inner{flex-direction:column;align-items:flex-start}}