
:root {--bg:#111;--text:#fff;--box:#1a1a1a;--energy:#00bfff;}
body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text);}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;}
.brands span{font-weight:bold;margin-right:20px;font-size:22px;cursor:pointer;transition:all 0.3s ease;text-shadow:1px 1px 2px #000;}
.brands span:hover{transform:perspective(500px) rotateX(5deg) rotateY(5deg); text-shadow:2px 2px 6px var(--energy);}
.video-header{position:relative;height:60vh;overflow:hidden;}
.video-header video{width:100%;height:100%;object-fit:cover;}
.video-header .overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:rgba(0,0,0,0.3);text-align:center;}
.stats{display:flex;justify-content:center;gap:60px;padding:40px 20px;}
.stat{text-align:center;font-size:26px;}
.count{font-size:50px;font-weight:bold;}
.contact-box{background:var(--box);width:90%;max-width:600px;margin:40px auto;padding:30px;border-radius:12px;text-align:center;box-shadow:0 0 15px rgba(0,191,255,0.4);}
.contact-box a{background:var(--energy);color:white;padding:14px 28px;border-radius:8px;text-decoration:none;font-size:18px;font-weight:bold;transition:0.3s;}
.contact-box a:hover{background:#0099cc;box-shadow:0 0 10px var(--energy);}
.switch{position:relative;display:inline-block;width:50px;height:26px;}
.switch input{display:none;}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:26px;}
.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:white;transition:.4s;border-radius:50%;}
input:checked + .slider{background-color:var(--energy);}
input:checked + .slider:before{transform:translateX(24px);}
@media(max-width:768px){.stats{flex-direction:column;gap:30px;}.video-header .overlay h1{font-size:32px;}.video-header .overlay p{font-size:16px;}}
