:root{--bg:#0a192f;--navy:#112240;--accent:#7eb6ff;--accent2:#5b8def;--text:#e6f1ff;--muted:#8892b0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}a{color:var(--accent);text-decoration:none}
.navbar{background:rgba(17,34,64,.95);border-bottom:1px solid rgba(100,255,218,.15);padding:12px 0}
.navbar-brand{color:var(--accent);font-weight:800;font-size:1.3rem}
.nav-link{color:var(--text);margin:0 8px}
.hero{padding:70px 0}
.hero h1{font-size:2.6rem;font-weight:800}.hero h1 span{color:var(--accent)}
.card{background:var(--navy);border:1px solid rgba(100,255,218,.15);border-radius:12px;padding:24px}
.btn{display:inline-block;padding:10px 22px;border-radius:8px;font-weight:700;margin:4px}
.btn-accent{background:var(--accent);color:#0a192f}
footer{background:var(--navy);padding:30px 0;margin-top:40px;font-size:.9rem;color:var(--muted)}
.container{max-width:960px;margin:0 auto;padding:0 16px}
.row{display:flex;flex-wrap:wrap;gap:16px}.col{flex:1;min-width:260px}
.page-404{text-align:center;padding:100px 0}.page-404 h1{font-size:7rem;color:var(--accent);margin:0}