:root{--primary: #1fc8ff;--secondary: #1e90ff;--accent: #6a3dff;--bg: #050b14;--surface: #0a1830;--text: #ffffff;--muted: #aeb6c7}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth}.btn-primary{display:inline-block;padding:15px 35px;border-radius:10px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#1fc8ff,#6a3dff);transition:transform .3s}.btn-primary:hover{transform:translateY(-3px)}.btn-primary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}section{max-width:1200px;margin:auto;padding:clamp(60px,8vw,100px) 20px}h2{text-align:center;font-size:clamp(1.8rem,5vw,3rem);margin-bottom:clamp(30px,5vw,60px)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:30px}.card{background:var(--surface);border:1px solid rgba(31,200,255,.2);border-radius:15px;padding:30px;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 0 30px #1fc8ff26}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:25px}.shot{height:220px;border-radius:15px;background:linear-gradient(135deg,#0a1830,#16294d);display:flex;justify-content:center;align-items:center;color:#6b7b99;border:1px solid rgba(31,200,255,.2)}