*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0f172a}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo{font-weight:700;font-size:20px}.nav a{margin-left:16px;color:#2563eb}.hero{text-align:center;padding:32px 0}.hero h1{font-size:40px;line-height:1.2;margin:0}.hero p{font-size:18px;color:#334155}.cta{margin-top:16px;display:flex;gap:12px;justify-content:center}.button{background:#2563eb;color:#fff;padding:12px 16px;border-radius:8px}.button.secondary{background:#0f172a}.section{padding:48px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.card{border:1px solid #e2e8f0;border-radius:12px;padding:16px;background:#fff}.footer{padding:24px 0;color:#64748b;border-top:1px solid #e2e8f0;text-align:center}.carousel{position:relative;overflow:hidden;border-radius:16px;height:360px;background:#000}.carousel img{width:100%;height:100%;object-fit:cover;display:block}.carousel-inner{display:flex;transition:transform .6s ease}.carousel-controls{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background:#94a3b8;cursor:pointer}.dot.active{background:#2563eb}