*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Arial,sans-serif;background:#f0f4fa;color:#002a4e;text-align:center;overflow-x:hidden;}
a{color:#0058EA;text-decoration:none;}
.hero{position:relative;height:65vh;background:#0058EA url('dydx-hero.jpg')center/cover no-repeat;display:flex;align-items:center;justify-content:center;}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.hero-content{position:relative;z-index:1;max-width:700px;}
.hero-content h1{font-size:3rem;color:#fff;}
.hero-content p{font-size:1.2rem;color:#e0e8f8;margin:1rem 0;}
.btn-go{padding:0.75rem 1.5rem;background:#fff;color:#0058EA;border:none;border-radius:25px;font-weight:bold;}
.features, .video, .reviews, .contact{padding:3rem 1rem;max-width:900px;margin:0 auto;}
.features h2, .video h2, .reviews h2, .contact h2{font-size:2rem;color:#0058EA;margin-bottom:1rem;}
.features-grid, .reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;justify-items:center;}
.card, .review{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1);text-align:left;}
.card h3, .review strong{color:#0058EA;}
.video-wrapper{max-width:800px;margin:0 auto;border:4px solid #0058EA;border-radius:8px;overflow:hidden;box-shadow:0 0 15px rgba(0,88,234,0.3);}
.video-wrapper iframe{width:100%;height:600px;border:none;}
footer{background:#fff;padding:2rem 0;}
footer nav a{margin:0 0.5rem;color:#0058EA;}