body { font-family: 'Inter', sans-serif; background: #0a0a0a; color: #fff; padding-top: 80px; }
h1, h2, h3 { font-family: 'Montserrat', sans-serif; color: #fff; }
.container { max-width: 1100px; }
nav { background: rgba(10,10,10,0.95); backdrop-filter: blur(10px); }

.hero video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); z-index: -2; }
.hero::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10,10,10,0.55); z-index: -1; }

footer { background: #000; }
.feature-img { max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,212,255,0.3); margin-bottom: 30px; }
.btn-primary { background: #00d4ff; border: none; }
.btn-primary:hover { background: #00b0d4; }
.section { margin-bottom: 80px; }
.module-list { list-style: none; padding-left: 0; }
.module-list li { margin-bottom: 10px; padding-left: 30px; position: relative; }
.module-list li::before { content: "✓"; color: #00d4ff; position: absolute; left: 0; font-weight: bold; }