:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary-color:#7b2cff;--secondary-color:#b37cff;--bg-dark:#0b0e14;--bg-card:#161b22;--text-main:#fff;--text-muted:#a3abb2;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0b0e14bf;border-bottom:1px solid #7b2cff33;padding:15px 0;position:sticky;top:0;box-shadow:0 4px 30px #0003}.header .container{justify-content:space-between;align-items:center;display:flex}.logo a{text-decoration:none}.logo-text{color:#fff;z-index:1;letter-spacing:-.5px;font-family:Nunito,sans-serif;font-size:2.2rem;font-weight:800;display:inline-block;position:relative}.logo-text:after{content:"";background-color:var(--primary-color);z-index:-1;border-radius:0;width:82%;height:6px;position:absolute;bottom:2px;left:0;transform:translateY(2px)}.nav ul{list-style:none;display:flex}.nav ul li{margin-left:30px}.nav ul li a{color:var(--text-main);transition:var(--transition);font-weight:500;text-decoration:none;position:relative}.nav ul li a:hover{color:var(--secondary-color)}.nav ul li a:after{content:"";background-color:var(--secondary-color);width:0%;height:2px;transition:var(--transition);position:absolute;bottom:-5px;left:0}.nav ul li a:hover:after{width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s forwards fadeInUp}.hero{text-align:center;background:radial-gradient(circle at top,#7b2cff33 0%,#0000 60%);padding:120px 0 100px}.hero h2{letter-spacing:-1px;background:linear-gradient(90deg, #fff 0%, #fff 42%, var(--secondary-color) 70%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.2}.hero p{color:var(--text-muted);max-width:700px;margin:0 auto 40px;font-size:1.25rem}.btn{transition:var(--transition);cursor:pointer;border:none;border-radius:30px;padding:14px 34px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, #9b5cff 100%);color:#fff;box-shadow:0 10px 20px #7b2cff4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #7b2cff80}.btn-secondary{color:#fff;border:2px solid var(--secondary-color);background:0 0}.btn-secondary:hover{background:#00d4ff1a;transform:translateY(-2px);box-shadow:0 0 15px #00d4ff4d}section h3{text-align:center;color:#fff;width:fit-content;margin:0 auto 50px;font-size:2.5rem;display:block;position:relative}section h3:after{content:"";background:var(--primary-color);border-radius:2px;width:50px;height:3px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.services,.about,.featured-videos,.contact{padding:80px 0}.service-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.service-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;transition:var(--transition);background:#161b2299;border:1px solid #ffffff0d;border-radius:20px;padding:40px 30px}.service-item:hover{border-color:#7b2cff66;transform:translateY(-10px);box-shadow:0 20px 40px #0000004d,0 0 20px #7b2cff1a}.service-icon{width:80px;height:80px;transition:var(--transition);background:#7b2cff1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 25px;display:flex}.service-item:hover .service-icon{background:var(--primary-color)}.service-item i{color:var(--secondary-color);transition:var(--transition);font-size:2rem}.service-item:hover i{color:#fff}.service-item h4{margin-bottom:15px;font-size:1.4rem}.video-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.video-item a{color:#fff;text-decoration:none;display:block}.video-thumbnail{border-radius:16px;margin-bottom:15px;position:relative;overflow:hidden;box-shadow:0 10px 20px #0003}.video-thumbnail img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:var(--transition)}.play-overlay{opacity:0;transition:var(--transition);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-overlay i{color:#fff;text-shadow:0 4px 10px #00000080;transition:var(--transition);font-size:4rem;transform:scale(.8)}.video-item:hover .video-thumbnail img{transform:scale(1.05)}.video-item:hover .play-overlay{opacity:1}.video-item:hover .play-overlay i{transform:scale(1)}.video-item h4{transition:var(--transition);font-size:1.2rem}.video-item:hover h4{color:var(--secondary-color)}.contact-form{background:#161b2299;border:1px solid #ffffff0d;border-radius:20px;gap:20px;max-width:600px;margin:0 auto;padding:40px;display:grid}.form-group{width:100%}.contact-form input,.contact-form textarea{color:#fff;width:100%;transition:var(--transition);background:#0003;border:1px solid #ffffff1a;border-radius:12px;padding:16px 20px;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary-color);background:#7b2cff0d;outline:none;box-shadow:0 0 0 3px #7b2cff33}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer{background:#00000080;border-top:1px solid #ffffff0d;margin-top:60px;padding:60px 0 30px}.flex-footer{flex-direction:column;align-items:center;gap:20px;display:flex}.logo-text-small{color:#fff;letter-spacing:-.5px;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:800}.social-links{gap:20px;display:flex}.social-links a{color:var(--text-muted);transition:var(--transition);font-size:1.5rem}.social-links a:hover{color:var(--secondary-color);transform:translateY(-3px)}.footer-copyright{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0d;width:100%;padding-top:20px;font-size:.9rem}@media screen and (width<=768px){.header .container{flex-direction:column;gap:15px;padding-bottom:5px}.nav ul{flex-wrap:wrap;justify-content:center;gap:12px}.nav ul li{margin-left:5px;margin-right:5px}.hero{padding:80px 0 60px}.hero h2{background:linear-gradient(180deg, #fff 0%, #fff 20%, var(--secondary-color) 60%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.2rem}.hero p{padding:0 10px;font-size:1.1rem}section h3{font-size:2rem}.services,.about,.featured-videos,.contact{padding:60px 0}.contact-form{padding:30px 20px}.hero .btn,.contact-form .btn{text-align:center;width:100%}.logo-text{font-size:1.8rem}.logo-text:after{bottom:0}}