:root{
	--bg:#131921;       /* slightly lighter page background */
	--card:#151b22;     /* card / panel background */
	--accent:#534df3;   /* bright blue accent */
	--text:#e7eef9;     /* primary text (light) */
	--muted:#9fb3c8;    /* muted text */
	--border:#222a31;   /* input borders */
	--button-bg:var(--accent);
	--button-text:#07202a;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);margin:0;line-height:1.6}
.container{max-width:900px;margin:0 auto;padding:24px}
.site-header{background:linear-gradient(90deg,rgba(58,167,255,0.04),var(--card));color:var(--text);padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.03)}
.brand{margin:0;font-size:1.6rem;color:var(--accent)}
.tagline{margin:6px 0 0;color:var(--muted)}
main{padding:28px 0}
section{background:linear-gradient(180deg,rgba(255,255,255,0.01),var(--card));border-radius:8px;padding:18px;margin-bottom:18px;box-shadow:0 6px 18px rgba(2,6,10,0.4)}
h2{margin-top:0;color:var(--accent)}
ul{padding-left:1.1rem;color:var(--text)}
label{display:block;margin-top:10px;font-weight:600;color:var(--text)}
input,textarea{width:100%;padding:10px;margin-top:6px;border:1px solid var(--border);border-radius:6px;background:#0f1519;color:var(--text)}
input::placeholder,textarea::placeholder{color:var(--muted)}
button{margin-top:12px;background:var(--button-bg);color:var(--button-text);border:none;padding:10px 16px;border-radius:8px;cursor:pointer;box-shadow:0 4px 10px rgba(58,167,255,0.08)}
button:hover{filter:brightness(1.03)}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.site-footer{padding:18px 0;text-align:center;color:var(--muted);border-top:1px solid rgba(255,255,255,0.02)}
@media(min-width:800px){.brand{font-size:2rem}}