body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0a0f1c;color:#e8ecf5;line-height:1.6}
header{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;
padding:18px 40px;background:rgba(10,15,28,.7);backdrop-filter:blur(10px);z-index:100}
header a{color:#fff;text-decoration:none;margin:0 12px;font-size:14px}
.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 20px;position:relative}
.hero h1{font-size:48px;max-width:900px;margin:auto}
.hero p{max-width:700px;margin:20px auto;font-size:18px;opacity:.85}
.btn{display:inline-block;padding:14px 28px;background:#4f7cff;color:white;border-radius:6px;text-decoration:none;margin:10px}
canvas{position:absolute;top:0;left:0;z-index:-1}
.section{padding:110px 40px;max-width:1100px;margin:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;margin-top:30px}
.card{background:rgba(255,255,255,.05);padding:26px;border-radius:10px;backdrop-filter:blur(10px)}
footer{padding:50px;text-align:center;background:#0f1628;margin-top:60px;font-size:14px;opacity:.85}
h2{margin-bottom:10px}