:root{--bg:#0c1220;--panel:#0f172a;--muted:#9fb3c8;--text:#e5eefc;--primary:#54aaff}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.container{max-width:1120px;margin:0 auto;padding:1rem}
.nav{display:flex;align-items:center;gap:1rem;padding:0.75rem 0}
.nav a{color:var(--text);text-decoration:none;opacity:.9}
.nav a:hover{opacity:1}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700}
.brand img{width:28px;height:28px;border-radius:6px;object-fit:cover}
.btn{background:var(--primary);border:none;border-radius:10px;color:#001626;font-weight:600;padding:.7rem 1rem;cursor:pointer}
.btn.secondary{background:#22324a;color:#e8f1ff}
section{margin:1rem 0}
.panel{background:var(--panel);border-radius:14px;padding:1.2rem}
/* hero / slider */
.hero{position:relative;min-height:62vh;overflow:hidden;border-radius:14px}
.hero-slider{position:absolute;inset:0}
.slide-item{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.slide-item.is-active{opacity:1}
.slide-item img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.8)}
.hero-cta{position:relative;z-index:2;padding:3.5rem 2rem;max-width:780px}
h1{font-size:clamp(32px,4vw,56px);line-height:1.18;margin:0 0 1rem}
.lead{color:var(--muted);font-size:1.05rem}
.hero-dots{position:absolute;right:1.2rem;bottom:1.2rem;z-index:2;display:flex;gap:.5rem}
.hero-dots button{width:.7rem;height:.7rem;border-radius:999px;border:none;background:#ffffff55;cursor:pointer}
.hero-dots button.is-active{background:#fff}
/* footer */
footer{opacity:.8;padding:1rem 0;text-align:center}
ul{margin:.5rem 0 0 1.2rem}