@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{--bg: #0a0a0a;--accent: #3c9dff;--text: #ffffff;--muted: #999999;--glass: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .1);--glow: 0 0 8px rgba(60, 157, 255, .6);--fadein: fadein .8s ease forwards}@keyframes fadein{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--bg);color:var(--text);scroll-behavior:smooth;animation:var(--fadein)}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}#logo{width:60px;transition:transform .3s ease;filter:drop-shadow(var(--glow))}#logo:hover{transform:scale(1.1)}#h_logo{width:160px;transition:transform .3s ease;filter:drop-shadow(var(--glow))}ul{display:flex;gap:30px;list-style:none}ul li a{color:var(--text);text-decoration:none;font-weight:600;font-size:18px;position:relative}ul li a:after{content:"";position:absolute;width:0%;height:2px;background-color:var(--accent);left:0;bottom:-5px;transition:.3s}ul li a:hover:after{width:100%}.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:25px;height:3px;background:var(--text);transition:all .3s}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translateY(8px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.hero{text-align:center;padding:120px 20px 80px;background:linear-gradient(145deg,#111,#1c1c1c);animation:var(--fadein)}.hero h1{font-size:60px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px}.hero span{color:var(--accent);text-shadow:var(--glow)}.hero-desc{font-size:20px;max-width:700px;margin:20px auto;color:var(--muted)}.hero-cta{display:inline-flex;gap:10px;align-items:center;background-color:var(--accent);color:var(--text);padding:14px 28px;border-radius:10px;font-weight:600;text-decoration:none;margin-top:30px;transition:background .3s,transform .3s;box-shadow:var(--glow)}.hero-cta:hover{background-color:#2680d8;transform:translateY(-3px)}.stats{display:flex;justify-content:center;gap:80px;margin-top:60px}.stat{font-size:32px;font-weight:800}.stat_desc{color:var(--muted);margin-top:5px}.section{padding:100px 40px;text-align:center;animation:var(--fadein)}.section-title{font-size:36px;font-weight:800}.section-title span{color:var(--accent);text-shadow:var(--glow)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:40px;margin-top:60px;max-width:1200px;margin-left:auto;margin-right:auto}.card{background:var(--glass);border:1px solid var(--border);padding:20px;border-radius:14px;transition:transform .3s,box-shadow .3s;cursor:pointer}.card:hover{transform:translateY(-5px);box-shadow:0 0 20px #3c9dff33}.card-img{width:100%;border-radius:10px;margin-bottom:10px;transition:transform .3s}.card-img:hover{transform:scale(1.05)}.video-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;margin-top:60px}.video-box{width:100%;max-width:640px;background:var(--glass);border-radius:14px;padding:20px;border:1px solid var(--border);box-shadow:0 0 10px #ffffff0d;animation:var(--fadein)}.footer{text-align:center;padding:40px;font-size:14px;color:var(--muted);border-top:1px solid var(--border);background-color:#0a0a0a}.thumb-img{width:100%;max-width:640px;border-radius:14px;cursor:pointer;transition:transform .3s,filter .3s;box-shadow:0 0 10px #ffffff0d}.thumb-img:hover{transform:scale(1.02);filter:brightness(1.1)}@media (max-width: 768px){ul{flex-direction:column;position:absolute;top:70px;right:20px;background:#000;padding:20px;display:none}ul.open,.menu-toggle{display:flex}.stats{flex-direction:column;gap:40px}}