@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Inter:wght@300;400;600&display=swap";:root{--primary: #00FF41;--primary-dim: #008F28;--accent: #FFFFFF;--bg-deep: #020202;--bg-surface: #080808;--text-main: #FFFFFF;--text-muted: #8892b0;--glass-surface: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-border-active: rgba(0, 255, 65, .3);--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--ease-out: cubic-bezier(.215, .61, .355, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,255,65,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 40%,transparent 80%);mask-image:radial-gradient(circle at 50% 50%,black 40%,transparent 80%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:.05em;color:var(--text-main)}a{text-decoration:none;color:inherit;transition:all .3s var(--ease-out)}.container{max-width:1400px;margin:0 auto;padding:0 24px}.btn-primary{background:var(--primary);color:#000;padding:16px 32px;font-family:var(--font-display);font-weight:700;font-size:.9rem;letter-spacing:1px;text-transform:uppercase;border:none;cursor:pointer;clip-path:polygon(10% 0,100% 0,100% 70%,90% 100%,0 100%,0 30%);transition:all .3s var(--ease-out);display:inline-flex;align-items:center;gap:12px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00ff4166}.btn-ghost{background:transparent;color:var(--text-main);border:1px solid var(--glass-border);padding:16px 32px;font-family:var(--font-display);font-weight:600;font-size:.9rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.glass-panel{background:var(--glass-surface);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;transition:border-color .3s ease}.glass-panel:hover{border-color:var(--glass-border-active)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .8s var(--ease-out) forwards}:root{--primary: #00FF41;--secondary: #008F11;--bg-dark: #020202;--glass-bg: rgba(20, 20, 20, .6);--glass-border: rgba(255, 255, 255, .1);--text-main: #ffffff;--text-muted: #888888;--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);overflow-x:hidden;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;align-items:center;z-index:1000;background:#020202e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-area{display:flex;align-items:center;gap:16px;text-decoration:none}.logo-icon{width:40px;height:40px;filter:drop-shadow(0 0 5px var(--primary))}.logo-text{font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:.1em;color:#fff}.nav-links{display:flex;gap:40px}.nav-link{font-family:var(--font-display);font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;position:relative;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--primary)}.btn-primary{background:var(--primary);color:#000;font-family:var(--font-display);font-weight:700;border:none;padding:10px 24px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);cursor:pointer;transition:all .3s;text-transform:uppercase}.btn-primary:hover{background:#fff;box-shadow:0 0 20px #00ff4180}.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);font-family:var(--font-display);padding:10px 24px;cursor:pointer;text-transform:uppercase;transition:all .3s}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:80px;overflow:hidden}.hero-bg-fx{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;background:radial-gradient(circle at 75% 50%,rgba(0,255,65,.08) 0%,transparent 50%),linear-gradient(0deg,#020202,#00ff4105,#020202);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;width:100%;z-index:2;position:relative}.hero-heading{font-size:5rem;line-height:.9;margin-bottom:24px;text-transform:uppercase;color:#fff;font-family:var(--font-display)}.glitch-wrapper{position:relative;display:inline-block}.glitch-text{position:relative;color:#fff}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#020202}.glitch-text:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(11px,9999px,86px,0)}20%{clip:rect(93px,9999px,14px,0)}40%{clip:rect(28px,9999px,5px,0)}60%{clip:rect(69px,9999px,83px,0)}80%{clip:rect(2px,9999px,20px,0)}to{clip:rect(51px,9999px,35px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,92px,0)}20%{clip:rect(10px,9999px,2px,0)}40%{clip:rect(31px,9999px,44px,0)}60%{clip:rect(85px,9999px,19px,0)}80%{clip:rect(48px,9999px,7px,0)}to{clip:rect(13px,9999px,60px,0)}}.hero-sub{color:var(--text-muted);font-size:1.1rem;max-width:480px;margin-bottom:40px}.hero-badge{display:inline-block;border:1px solid var(--primary);color:var(--primary);padding:5px 10px;font-size:.7rem;margin-bottom:20px;font-family:var(--font-display);background:#00ff410d;box-shadow:0 0 10px #00ff411a}.hero-actions{display:flex;gap:20px}.hero-visual{position:relative;height:600px;display:flex;justify-content:center;align-items:center}.omnitrix-hologram{position:absolute;width:550px;height:550px;border:1px solid rgba(0,255,65,.3);border-radius:50%;animation:rotate 40s linear infinite;pointer-events:none;background:radial-gradient(circle,rgba(0,255,65,.05) 0%,transparent 65%);z-index:0;box-shadow:inset 0 0 50px #00ff411a}.hero-squad{position:relative;width:100%;height:100%}.hero-ben{position:absolute;left:50%;bottom:50px;transform:translate(-50%);height:85%;width:auto;z-index:1;opacity:0;transition:opacity .8s ease-in-out,transform .8s ease-in-out;filter:drop-shadow(0 0 40px rgba(0,0,0,.8))}.hero-ben.active{opacity:1;z-index:10;transform:translate(-50%) scale(1.05)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-section{padding:30px 0;background:#ffffff05;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.stat-row{display:flex;justify-content:space-around;text-align:center}.stat-num{font-family:var(--font-display);font-size:2.5rem;color:var(--primary);font-weight:700;display:block}.stat-label{font-size:.8rem;text-transform:uppercase;color:#666;letter-spacing:2px}.features-section,.threats-section,.showcase-section{padding:100px 0}.section-header{margin-bottom:60px}.section-header.center{text-align:center}.section-label{display:block;font-family:var(--font-display);color:var(--primary);font-size:.9rem;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.section-label.red-alert{color:#f03}.section-title{font-size:3rem;font-family:var(--font-display);color:#fff;margin-bottom:15px}.alien-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.alien-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;transition:transform .3s,border-color .3s}.alien-card:hover{transform:translateY(-10px);border-color:var(--primary)}.alien-img-container{height:220px;background:radial-gradient(circle,rgba(0,255,65,.1),transparent);display:flex;align-items:center;justify-content:center;padding:20px}.alien-img-container img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.5));transition:transform .3s}.alien-card:hover img{transform:scale(1.1)}.alien-info{padding:20px;border-top:1px solid var(--glass-border);background:#00000080}.alien-info h4{color:#fff;margin-bottom:5px;font-family:var(--font-display)}.alien-info .species{color:var(--text-muted);font-size:.8rem;text-transform:uppercase}.threats-section{background:linear-gradient(180deg,#020202,#0f0202,#020202)}.villains-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.villain-card{display:flex;border-radius:16px;overflow:hidden;min-height:320px;background:#1400004d;border:1px solid rgba(255,0,0,.2);transition:transform .3s}.villain-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #f003}.villain-content{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center;z-index:2}.villain-visual{flex:1;position:relative;overflow:hidden}.villain-visual img{position:absolute;top:0;right:-20px;height:100%;width:auto;object-fit:cover;-webkit-mask-image:linear-gradient(to right,transparent,black 40%);mask-image:linear-gradient(to right,transparent,black 40%)}.btn-small-danger{background:#ff00001a;border:1px solid #ff0033;color:#f03;padding:8px 16px;margin-top:20px;align-self:flex-start;text-transform:uppercase;font-size:.8rem;letter-spacing:1px;cursor:pointer;transition:all .3s}.btn-small-danger:hover{background:#f03;color:#fff}.showcase-layout{display:flex;gap:60px;align-items:center}.showcase-text{flex:1}.feature-list{list-style:none;margin-top:30px}.feature-list li{margin-bottom:15px;padding-left:20px;position:relative;color:#ccc}.feature-list li:before{content:">";position:absolute;left:0;color:var(--primary)}.showcase-images-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.screen-img{width:100%;border-radius:12px;border:1px solid var(--glass-border);box-shadow:0 10px 30px #00000080;transition:all .4s cubic-bezier(.175,.885,.32,1.275);filter:grayscale(20%)}.screen-img:hover{transform:translateY(-10px) scale(1.03);filter:grayscale(0%);border-color:var(--primary);box-shadow:0 15px 40px #00ff4133}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9999;display:flex;justify-content:center;align-items:center}.loader-content{display:flex;flex-direction:column;align-items:center}.loader-img{width:120px;height:120px;animation:rotate 2s linear infinite;margin-bottom:30px;filter:drop-shadow(0 0 15px var(--primary))}.loader-bar{width:250px;height:2px;background:#333;position:relative;overflow:hidden;margin-bottom:15px}.loader-progress{position:absolute;left:0;top:0;height:100%;width:100%;background:var(--primary);transform-origin:left;animation:loadProgress 2s ease-in-out infinite}@keyframes loadProgress{0%{transform:scaleX(0)}50%{transform:scaleX(.5)}to{transform:scaleX(1)}}.loader-text{font-family:var(--font-display);color:var(--primary);letter-spacing:2px;font-size:1.2rem}.loader-sub{color:#555;font-size:.8rem;margin-top:5px;text-transform:uppercase}.footer{padding:80px 0;border-top:1px solid var(--glass-border);background:#010101;text-align:center}.footer-grid{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}.footer-brand{margin-bottom:10px}.footer-desc{color:#555;font-size:.9rem;max-width:450px;margin:0 auto}.footer-azmuth{display:flex;flex-direction:column;align-items:center;gap:15px}.azmuth-avatar{width:70px;height:70px;border-radius:50%;border:2px solid var(--primary);background:#000;box-shadow:0 0 15px #00ff414d}.azmuth-quote{font-style:italic;color:#666;font-size:.9rem;max-width:400px}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;gap:10px;color:#444;font-size:.8rem}.footer-legal-links a{color:var(--primary);text-decoration:none;margin:0 10px;opacity:.7}.footer-legal-links a:hover{opacity:1}.showcase-cinematic{padding:100px 0;overflow:hidden;position:relative;background:linear-gradient(180deg,transparent,rgba(0,255,65,.05),transparent)}.marquee-wrapper{display:flex;width:100%;margin-top:60px;margin-bottom:60px}.marquee-content{display:flex;gap:30px;animation:marquee 40s linear infinite;padding:0 15px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{position:relative;flex:0 0 400px;height:600px;border-radius:24px;overflow:hidden;border:1px solid var(--glass-border);box-shadow:0 20px 50px #000c;background:#000;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s}.marquee-item img{width:100%;height:100%;object-fit:contain;background:radial-gradient(circle at center,#111,#000);filter:brightness(.9);transition:all .6s ease}.marquee-item:hover{transform:translateY(-20px) scale(1.05);z-index:10;border-color:var(--primary);box-shadow:0 30px 60px #00ff4126}.marquee-item:hover img{filter:grayscale(0%);transform:scale(1.1)}.marquee-border{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 30px #00ff4133;pointer-events:none}.legal-header{border-bottom:1px solid var(--glass-border);margin-bottom:30px}.legal-content .legal-block{margin-bottom:30px}.legal-content h3{color:var(--primary);margin-bottom:10px;font-family:var(--font-display)}.legal-content p{color:#ccc;line-height:1.7}.legal-footer{margin-top:50px;border-top:1px solid var(--glass-border);padding-top:20px;text-align:center;color:#555;font-size:.8rem}.footer-legal-links{margin-top:10px}.footer-legal-links a{color:#666;text-decoration:none;font-size:.8rem;margin:0 5px}.footer-legal-links a:hover{color:var(--primary)}@media(max-width:900px){.hero-grid,.villains-grid,.showcase-layout,.footer-grid{grid-template-columns:1fr;text-align:center}.hero-heading{font-size:3rem}.hero-visual{height:400px}.omnitrix-hologram{width:350px;height:350px}.hero-ben{bottom:20px}.nav-content{flex-direction:column;gap:20px;height:auto;padding:20px}.header{height:auto}.hero{padding-top:180px}}
