:root{--primary-dark:#232b38;--secondary-dark:#2a3441;--accent-blue:#313e4f;--cyber-cyan:#00ffff;--matrix-green:#00ff88;--warning-orange:#ff6b35;--text-light:#e0e6ed;--text-muted:#8892b0;--border-color:#3d4759;--glass-bg:rgba(35,43,56,0.15);--shadow-dark:rgba(0,0,0,0.4);--gradient-primary:linear-gradient(135deg,#232b38 0%,#2a3441 50%,#313e4f 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(180deg,#232b38 0%,#2a3441 8%,#313e4f 16%,#2a3441 24%,#232b38 32%,#313e4f 40%,#2a3441 48%,#232b38 56%,#313e4f 64%,#2a3441 72%,#232b38 80%,#313e4f 88%,#2a3441 96%,#232b38 100%);background-size:100% 300vh;background-attachment:fixed;color:var(--text-light);line-height:1.6;overflow-x:hidden;font-display:swap;text-rendering:optimizeSpeed}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.secure-content{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(35,43,56,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:1rem 0;transition:all 0.3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;text-decoration:none;color:var(--cyber-cyan);font-size:1.5rem;font-weight:bold;text-shadow:0 0 10px var(--cyber-cyan)}.nav-brand strong{color:#fff;text-shadow:0 0 15px rgba(255,255,255,0.8)}.nav-brand img{width:32px;height:32px;margin-right:10px;border-radius:4px}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center}.nav-link{color:var(--text-light);text-decoration:none;padding:0.5rem 1rem;border-radius:4px;transition:all 0.3s ease;position:relative}.nav-link:hover{color:var(--cyber-cyan);background:var(--glass-bg)}.nav-link.active::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:var(--cyber-cyan);border-radius:50%;box-shadow:0 0 8px var(--cyber-cyan)}.nav-cta{background:linear-gradient(45deg,var(--cyber-cyan),var(--matrix-green));color:var(--primary-dark);padding:0.7rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,255,255,0.3)}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:0.5rem}.mobile-menu-toggle span{width:25px;height:3px;background:var(--cyber-cyan);margin:3px 0;transition:0.3s;border-radius:2px}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:transparent;padding-top:80px}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(35,43,56,0.1) 0%,rgba(42,52,65,0.05) 30%,rgba(49,62,79,0.1) 60%,rgba(35,43,56,0.05) 100%);z-index:1}.hero::after{display:none}.hero-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;z-index:3;position:relative}.hero-content{text-align:left;z-index:3;min-height:400px;display:flex;flex-direction:column;justify-content:center;contain:layout style;will-change:auto}@media (max-width:768px){.hero-content{min-height:350px;text-align:center;padding:1rem;contain:layout style paint;width:100%}.hero-container{grid-template-columns:1fr;gap:1.5rem}.hero-title{font-size:clamp(2.5rem,6vw,4rem)!important;margin-bottom:1rem;line-height:1.2;contain:layout}.hero-subtitle{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.4}}.hero-showcase{position:relative;z-index:3;display:flex;justify-content:center;align-items:center}.program-ui-showcase{position:relative;max-width:100%;height:auto}.program-ui-image {
        aspect-ratio: 16/10;
        width: 600px;
        height: 375px;
        max-width: 100%;
        object-fit: cover;
        contain: layout style;
        border-radius: 15px;
        position: relative;
        mask: 
            radial-gradient(ellipse 85% 80% at center, black 35%, rgba(0,0,0,0.9) 55%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.3) 80%, transparent 90%),
            linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%),
            linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
        -webkit-mask: 
            radial-gradient(ellipse 85% 80% at center, black 35%, rgba(0,0,0,0.9) 55%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.3) 80%, transparent 90%),
            linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%),
            linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
        mask-composite: intersect;
        -webkit-mask-composite: source-in;
        box-shadow: 0 20px 60px rgba(0, 255, 255, 0.2), 
                    0 8px 25px rgba(0, 0, 0, 0.3),
                    inset 0 1px 0 rgba(255, 255, 255, 0.1);
        will-change: transform;
        transform: translateZ(0);
        filter: brightness(1.05) contrast(1.1);
    }@media (max-width:768px){.program-ui-image{max-width:100%;aspect-ratio:16/10;transform:scale(1.05) translateY(-10px)!important;mask:radial-gradient(ellipse 90% 85% at center, black 40%, rgba(0,0,0,0.8) 60%, rgba(0,0,0,0.4) 75%, transparent 85%),linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%),linear-gradient(to bottom, transparent 0%, black 12%, black 88%, transparent 100%);-webkit-mask:radial-gradient(ellipse 90% 85% at center, black 40%, rgba(0,0,0,0.8) 60%, rgba(0,0,0,0.4) 75%, transparent 85%),linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%),linear-gradient(to bottom, transparent 0%, black 12%, black 88%, transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}.program-ui-showcase{max-width:100%;padding:0 1rem}.hero-showcase{padding:0 1rem}}@media (max-width:480px){.program-ui-image{transform:scale(1.02) translateY(-5px)!important;max-width:95%;mask:radial-gradient(ellipse 95% 90% at center, black 45%, rgba(0,0,0,0.7) 65%, rgba(0,0,0,0.3) 80%, transparent 90%),linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%),linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);-webkit-mask:radial-gradient(ellipse 95% 90% at center, black 45%, rgba(0,0,0,0.7) 65%, rgba(0,0,0,0.3) 80%, transparent 90%),linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%),linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}}.program-ui-image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to center,transparent 25%,rgba(0,0,0,0.05) 75%,rgba(0,0,0,0.15) 100%);border-radius:15px;pointer-events:none;z-index:1}.program-ui-image:hover{box-shadow:0 15px 35px rgba(0,255,255,0.3),0 8px 20px rgba(0,0,0,0.2);filter:brightness(1.1) contrast(1.15);transform:scale(1.02) translateZ(0)}.feature-highlights{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.feature-badge{position:absolute;background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:25px;padding:0.8rem 1.5rem;color:var(--text-light);font-size:0.9rem;font-weight:600;box-shadow:0 10px 20px rgba(0,0,0,0.3);animation:badgeFloat 4s ease-in-out infinite alternate}.feature-badge.top-left{top:10%;left:-5%;animation-delay:0s}.feature-badge.top-right{top:15%;right:-10%;animation-delay:1s}.feature-badge.bottom-left{bottom:20%;left:-8%;animation-delay:2s}.feature-badge.bottom-right{bottom:10%;right:-5%;animation-delay:1.5s}@keyframes badgeFloat{0%{transform:translateY(0px) scale(0.95);opacity:0.8}100%{transform:translateY(-15px) scale(1);opacity:1}}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;margin-bottom:1rem;color:var(--text-light);position:relative}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.btn{padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(45deg,var(--cyber-cyan),var(--matrix-green));color:var(--primary-dark)}.btn-secondary{background:transparent;color:var(--cyber-cyan);border:2px solid var(--cyber-cyan)}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px var(--shadow-dark)}.btn-primary:hover{box-shadow:0 10px 25px rgba(0,255,255,0.3)}.section{padding:5rem 0;position:relative;background:transparent}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;margin-bottom:4rem}.section-title h2{font-size:2.5rem;color:var(--cyber-cyan);margin-bottom:1rem;position:relative}.section-title h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(45deg,var(--cyber-cyan),var(--matrix-green));border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.highlight-section{background:transparent;position:relative;padding:8rem 0}.feature-card{background:rgba(35,43,56,0.15);border:1px solid rgba(61,71,89,0.3);border-radius:12px;padding:2rem;text-align:center;transition:all 0.3s ease;backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.1)}.feature-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,0.1),transparent);transition:left 0.5s}.feature-card:hover::before{left:100%}.feature-card:hover{transform:translateY(-5px);border-color:var(--cyber-cyan);box-shadow:0 15px 30px var(--shadow-dark)}.feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--glass-bg),rgba(0,255,255,0.1));border-radius:50%;border:2px solid var(--border-color);transition:all 0.3s ease;color:var(--cyber-cyan)}.feature-card:hover .feature-icon{border-color:var(--cyber-cyan);box-shadow:0 0 20px rgba(0,255,255,0.3);background:linear-gradient(135deg,rgba(0,255,255,0.15),rgba(0,255,136,0.1));color:#fff;transform:scale(1.1)}.feature-icon svg{width:40px;height:40px;transition:all 0.3s ease}.feature-card:nth-child(3n+1) .feature-icon{color:var(--cyber-cyan)}.feature-card:nth-child(3n+2) .feature-icon{color:var(--matrix-green)}.feature-card:nth-child(3n+3) .feature-icon{color:var(--warning-orange)}.feature-card:nth-child(3n+1):hover .feature-icon{background:linear-gradient(135deg,rgba(0,255,255,0.2),rgba(0,255,255,0.1));box-shadow:0 0 25px rgba(0,255,255,0.4)}.feature-card:nth-child(3n+2):hover .feature-icon{background:linear-gradient(135deg,rgba(0,255,136,0.2),rgba(0,255,136,0.1));box-shadow:0 0 25px rgba(0,255,136,0.4)}.feature-card:nth-child(3n+3):hover .feature-icon{background:linear-gradient(135deg,rgba(255,107,53,0.2),rgba(255,107,53,0.1));box-shadow:0 0 25px rgba(255,107,53,0.4)}.feature-card h3{color:var(--cyber-cyan);margin-bottom:1rem;font-size:1.3rem}.feature-card p{color:var(--text-muted);line-height:1.6}.features-compact{background:rgba(35,43,56,0.25);border:1px solid rgba(61,71,89,0.4);border-radius:15px;padding:2rem;backdrop-filter:blur(15px);margin:0 auto;max-width:100%;box-shadow:0 8px 32px rgba(0,0,0,0.2)}.features-compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.features-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;justify-content:center}.features-row .feature-item{flex:1 1 calc(20% - 1rem);min-width:160px;max-width:200px}@media (max-width:1200px){.features-row .feature-item{flex:1 1 calc(25% - 1rem);min-width:140px}}@media (max-width:900px){.features-row .feature-item{flex:1 1 calc(33.33% - 1rem);min-width:130px}}@media (max-width:600px){.features-row .feature-item{flex:1 1 calc(50% - 1rem);min-width:120px}}@media (max-width:400px){.features-row .feature-item{flex:1 1 100%;min-width:auto}}.feature-item{display:flex;align-items:center;gap:0.8rem;padding:0.8rem;background:rgba(255,255,255,0.03);border:1px solid var(--border-color);border-radius:8px;transition:all 0.3s ease;cursor:pointer}.feature-item:hover{background:rgba(0,255,255,0.05);border-color:var(--cyber-cyan);transform:translateX(5px)}.feature-compact-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:var(--cyber-cyan);border-radius:8px;color:var(--primary-dark);transition:all 0.3s ease;flex-shrink:0}.feature-item:hover .feature-compact-icon{background:#fff;transform:scale(1.1);box-shadow:0 0 15px rgba(0,255,255,0.5)}.feature-item span{color:var(--text-light);font-size:0.9rem;font-weight:500;transition:all 0.3s ease}.feature-item:hover span{color:var(--cyber-cyan)}img[src*="ui.jpg"],.program-ui-showcase img[src*="ui.jpg"],img[src*="ui-optimized.webp"],.program-ui-showcase img[src*="ui-optimized.webp"],img[src*="ui-tablet.webp"],.program-ui-showcase img[src*="ui-tablet.webp"],img[src*="ui-mobile.webp"],.program-ui-showcase img[src*="ui-mobile.webp"]{mask:radial-gradient(ellipse 85% 80% at center,black 35%,rgba(0,0,0,0.9) 55%,rgba(0,0,0,0.6) 70%,rgba(0,0,0,0.3) 80%,transparent 90%),linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);-webkit-mask:radial-gradient(ellipse 85% 80% at center,black 35%,rgba(0,0,0,0.9) 55%,rgba(0,0,0,0.6) 70%,rgba(0,0,0,0.3) 80%,transparent 90%),linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in;filter:brightness(1.05) contrast(1.1)}img[src*="ui.jpg"]:hover,.program-ui-showcase img[src*="ui.jpg"]:hover,img[src*="ui-optimized.webp"]:hover,.program-ui-showcase img[src*="ui-optimized.webp"]:hover,img[src*="ui-tablet.webp"]:hover,.program-ui-showcase img[src*="ui-tablet.webp"]:hover,img[src*="ui-mobile.webp"]:hover,.program-ui-showcase img[src*="ui-mobile.webp"]:hover{filter:brightness(1.1) contrast(1.15);transform:scale(1.02)}@media (max-width:1024px){.video-features-container{grid-template-columns:1fr;gap:2rem}.features-layout{order:2}.video-player-container{order:1}.features-organized-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0.8rem}}@media (max-width:768px){.video-features-container{gap:1.5rem}.features-all-container{padding:1.5rem}.features-main-title{font-size:1.2rem;margin-bottom:1.5rem}.features-organized-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0.7rem}.feature-item-compact{padding:0.6rem;gap:0.6rem;font-size:0.8rem}.feature-compact-icon-small{width:26px;height:26px}}@media (max-width:480px){.features-all-container{padding:1rem}.features-organized-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:0.6rem}.feature-item-compact{padding:0.5rem;gap:0.5rem;font-size:0.75rem}.feature-compact-icon-small{width:24px;height:24px}}.features-section{padding:4rem 0;position:relative;background:var(--gradient-primary)}.video-section{background:transparent;padding:8rem 0;position:relative}.video-features-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;margin-top:2rem}.video-player-container{display:flex;flex-direction:column;gap:1.5rem}.features-layout{display:flex;flex-direction:column;gap:1.5rem}.features-all-container{background:rgba(35,43,56,0.25);border:1px solid rgba(61,71,89,0.4);border-radius:15px;padding:2rem;backdrop-filter:blur(15px);box-shadow:0 8px 32px rgba(0,0,0,0.2)}.features-main-title{color:var(--cyber-cyan);text-align:center;margin-bottom:1.8rem;font-size:1.4rem;font-weight:600}.features-organized-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:1rem}.feature-item-compact{display:flex;align-items:center;gap:0.7rem;padding:0.8rem;background:rgba(255,255,255,0.03);border:1px solid var(--border-color);border-radius:10px;transition:all 0.3s ease;cursor:pointer;font-size:0.9rem}.feature-item-compact:hover{background:rgba(0,255,255,0.05);border-color:var(--cyber-cyan);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,255,255,0.2)}.feature-compact-icon-small{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a3441,#313e4f);border:2px solid var(--cyber-cyan);border-radius:8px;color:var(--cyber-cyan);transition:all 0.3s ease;flex-shrink:0;box-shadow:0 2px 8px rgba(0,255,255,0.2)}.feature-compact-icon-small svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:2px}.feature-item-compact:hover .feature-compact-icon-small{background:var(--cyber-cyan);color:var(--primary-dark);transform:scale(1.15);box-shadow:0 0 20px rgba(0,255,255,0.8);border-color:#fff}.feature-item-compact span{color:var(--text-light);font-weight:500;transition:all 0.3s ease}.feature-item-compact:hover span{color:var(--cyber-cyan)}.video-description{background:rgba(35,43,56,0.3);border:1px solid rgba(61,71,89,0.5);border-radius:12px;padding:1.5rem;backdrop-filter:blur(15px);text-align:center;margin:0 auto;max-width:100%;box-shadow:0 8px 32px rgba(0,0,0,0.2)}.video-description h4{color:var(--cyber-cyan);font-size:1.3rem;margin-bottom:0.8rem;font-weight:600}.video-description p{color:var(--text-muted);font-size:1rem;line-height:1.6}.video-seo-content{margin-top:1.5rem}.seo-content-box{background:rgba(35,43,56,0.3);border:1px solid rgba(61,71,89,0.5);border-radius:12px;padding:1.8rem;backdrop-filter:blur(15px);box-shadow:0 8px 32px rgba(0,0,0,0.2)}.seo-content-box h4{color:var(--cyber-cyan);font-size:1.3rem;margin-bottom:1rem;font-weight:600;text-align:center}.seo-content-box p{color:var(--text-muted);font-size:0.95rem;line-height:1.6;margin-bottom:1.2rem;text-align:justify}.seo-features-highlight{margin:1.2rem 0}.seo-feature-item{display:flex;align-items:flex-start;gap:0.8rem;margin-bottom:0.8rem;padding:0.6rem;background:rgba(255,255,255,0.02);border-radius:8px;transition:all 0.3s ease}.seo-feature-item:hover{background:rgba(0,255,255,0.05);transform:translateX(5px)}.seo-icon{font-size:1.2rem;flex-shrink:0;margin-top:0.1rem}.seo-feature-item strong{color:var(--cyber-cyan);font-weight:600}.seo-feature-item{font-size:0.9rem;color:var(--text-muted);line-height:1.5}.custom-video-player{position:relative;background:var(--primary-dark);border-radius:12px;overflow:hidden;border:2px solid var(--border-color);box-shadow:0 10px 30px var(--shadow-dark);min-height:550px}.video-placeholder{width:100%;height:100%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all 0.3s ease}.video-placeholder:hover{transform:scale(1.02)}.play-button{width:80px;height:80px;background:var(--cyber-cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 0 20px rgba(0,255,255,0.5)}.play-button:hover{transform:scale(1.1);box-shadow:0 0 30px rgba(0,255,255,0.8)}.play-button::after{content:'▶';color:var(--primary-dark);font-size:2rem;margin-left:4px}.custom-video-player{position:relative;background:var(--primary-dark);border-radius:12px;overflow:hidden;border:2px solid var(--border-color);box-shadow:0 10px 30px var(--shadow-dark);max-width:100%;height:380px;aspect-ratio:16/9;margin:0 auto;display:flex;align-items:center;justify-content:center}.video-wrapper{position:relative;width:100%;height:100%;background:#000;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}#main-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px;background-color:#000;background-image:url('SpyNote_First_Frame.png');background-size:cover;background-position:center;background-repeat:no-repeat}#main-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:10;border-radius:10px}.video-overlay.hidden{opacity:0;pointer-events:none;visibility:hidden}.play-button-large{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-dark),var(--secondary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 0 25px rgba(0,255,255,0.6);border:4px solid var(--cyber-cyan)}.play-button-large:hover{transform:scale(1.1);background:var(--cyber-cyan);box-shadow:0 0 35px rgba(0,255,255,1);border-color:#fff}.play-button-large span{color:var(--cyber-cyan);font-size:2.5rem;margin-left:5px;font-weight:bold;transition:all 0.3s ease;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.play-button-large:hover span{color:var(--primary-dark);text-shadow:none}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.9));padding:1rem;transform:translateY(100%);transition:all 0.3s ease;z-index:15;border-radius:0 0 10px 10px;opacity:0;pointer-events:none}.video-wrapper:hover .video-controls,.video-controls.show{transform:translateY(0);opacity:1;pointer-events:auto}.video-wrapper:not(:hover) .video-controls:not(.show){transform:translateY(100%);opacity:0;pointer-events:none}.video-controls.show{pointer-events:auto}.controls-row{display:flex;align-items:center;gap:0.8rem;flex-wrap:wrap}.control-btn{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-dark));border:2px solid var(--cyber-cyan);color:var(--cyber-cyan);border-radius:8px;padding:0.5rem;cursor:pointer;transition:all 0.3s ease;font-size:1rem;font-weight:600;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,255,255,0.2)}.control-btn:hover{background:var(--cyber-cyan);color:var(--primary-dark);border-color:#fff;box-shadow:0 0 20px rgba(0,255,255,0.8);transform:scale(1.1)}.backward-btn,.forward-btn{background:linear-gradient(135deg,var(--secondary-dark),var(--primary-dark));display:none!important}.time-display{color:white;font-size:0.9rem;font-weight:500;min-width:80px;text-align:center}.progress-container{flex:1;min-width:100px;height:8px;background:rgba(255,255,255,0.2);border-radius:4px;cursor:pointer;position:relative;margin:0 0.5rem;transition:all 0.3s ease;padding:4px 0;margin-top:-4px;margin-bottom:-4px}.progress-container:hover{height:12px;margin-top:-6px;margin-bottom:-6px}.progress-container.dragging{height:16px;margin-top:-8px;margin-bottom:-8px}.progress-bar{width:100%;height:8px;position:relative;border-radius:4px;overflow:hidden;background:rgba(255,255,255,0.2);transition:height 0.3s ease}.progress-container:hover .progress-bar,.progress-container.dragging .progress-bar{height:12px}.progress-filled{height:100%;background:linear-gradient(90deg,var(--cyber-cyan),var(--matrix-green));border-radius:3px;transition:width 0.05s linear;position:relative;box-shadow:0 0 8px rgba(0,255,255,0.4);min-width:0}.progress-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:var(--cyber-cyan);border-radius:50%;cursor:grab;opacity:0;transition:all 0.2s ease;box-shadow:0 0 8px rgba(0,255,255,0.6);border:2px solid white;z-index:5}.progress-container:hover .progress-handle{opacity:1}.progress-container.dragging .progress-handle{opacity:1;transform:translate(-50%,-50%) scale(1.3);cursor:grabbing;box-shadow:0 0 15px rgba(0,255,255,0.8)}.volume-container{display:flex;align-items:center}.volume-slider{width:60px;height:4px;background:rgba(255,255,255,0.2);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--cyber-cyan);border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--cyber-cyan);border-radius:50%;border:none;cursor:pointer}.loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;display:none}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,0.2);border-top:4px solid var(--cyber-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.controls-row{gap:0.5rem;flex-wrap:wrap}.control-btn{min-width:35px;height:35px;font-size:0.9rem;padding:0.3rem}.time-display{font-size:0.8rem;min-width:70px}.volume-container{display:none}.progress-container{margin:0.5rem 0;order:-1;flex-basis:100%}.play-button-large{width:60px;height:60px}.play-button-large span{font-size:2rem}}@media (max-width:480px){.video-controls{padding:0.8rem}.controls-row{gap:0.3rem}.control-btn{min-width:30px;height:30px;font-size:0.8rem}}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.screenshot-item{background:rgba(35,43,56,0.25);border:1px solid rgba(61,71,89,0.4);border-radius:12px;padding:1.5rem;text-align:center;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden;backdrop-filter:blur(12px);box-shadow:0 6px 24px rgba(0,0,0,0.2)}.screenshot-item:hover{transform:translateY(-5px);border-color:var(--cyber-cyan);box-shadow:0 15px 30px var(--shadow-dark)}.screenshot-wrapper{position:relative;margin-bottom:1rem;overflow:hidden;border-radius:8px;border:1px solid var(--border-color);transition:all 0.3s ease}.screenshot-wrapper:hover{border-color:var(--cyber-cyan);box-shadow:0 0 20px rgba(0,255,255,0.3)}.screenshot-item img{width:100%;height:200px;object-fit:cover;transition:all 0.3s ease;display:block}.screenshot-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:all 0.3s ease;backdrop-filter:blur(2px)}.screenshot-wrapper:hover .screenshot-overlay{opacity:1}.zoom-icon{font-size:2rem;color:var(--cyber-cyan);margin-bottom:0.5rem;text-shadow:0 0 10px var(--cyber-cyan);animation:zoomPulse 1.5s ease-in-out infinite}@keyframes zoomPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.overlay-text{color:var(--text-light);font-size:0.9rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,0.5)}.screenshot-item h4{color:var(--cyber-cyan);margin-bottom:0.5rem;font-size:1.1rem}.screenshot-item p{color:var(--text-muted);font-size:0.9rem;line-height:1.4}.image-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.95);backdrop-filter:blur(10px);opacity:0;transition:all 0.3s ease}.image-modal.active{display:flex;opacity:1;align-items:center;justify-content:center}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;cursor:pointer}.modal-content{position:relative;max-width:90vw;max-height:90vh;background:var(--primary-dark);border:2px solid var(--cyber-cyan);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.8);animation:modalSlideIn 0.3s ease-out}@keyframes modalSlideIn{from{transform:scale(0.8) translateY(-50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--secondary-dark);border-bottom:1px solid var(--border-color)}.modal-header h3{color:var(--cyber-cyan);margin:0;font-size:1.3rem}.modal-close{background:none;border:none;color:var(--text-light);font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease}.modal-close:hover{background:var(--glass-bg);color:var(--cyber-cyan);transform:rotate(90deg)}.modal-body{padding:0;text-align:center;position:relative}.modal-body img{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto}.modal-body p{padding:1rem 1.5rem;margin:0;color:var(--text-muted);background:var(--glass-bg);border-top:1px solid var(--border-color)}.modal-navigation{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;padding:0 1rem;pointer-events:none;transform:translateY(-50%)}.nav-btn{background:rgba(0,0,0,0.7);border:2px solid var(--cyber-cyan);color:var(--cyber-cyan);width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all 0.3s ease;pointer-events:auto;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.nav-btn:hover{background:var(--cyber-cyan);color:var(--primary-dark);transform:scale(1.1);box-shadow:0 0 20px rgba(0,255,255,0.5)}.nav-btn:disabled{opacity:0.3;cursor:not-allowed;transform:none}.modal-counter{position:absolute;bottom:1rem;right:1rem;background:rgba(0,0,0,0.8);color:var(--text-light);padding:0.5rem 1rem;border-radius:20px;font-size:0.9rem;border:1px solid var(--border-color)}@media (max-width:768px){.screenshots-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.modal-content{max-width:95vw;max-height:95vh;margin:1rem}.modal-header{padding:0.8rem 1rem}.modal-header h3{font-size:1.1rem}.modal-body img{max-height:60vh}.nav-btn{width:40px;height:40px;font-size:1.2rem}.modal-navigation{padding:0 0.5rem}.modal-counter{bottom:0.5rem;right:0.5rem;font-size:0.8rem;padding:0.3rem 0.8rem}.screenshot-item img{height:180px}}@media (max-width:480px){.screenshots-grid{grid-template-columns:1fr}.modal-content{max-width:98vw;max-height:98vh;margin:0.5rem}.modal-body img{max-height:55vh}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.pricing-card{background:rgba(35,43,56,0.3);border:2px solid rgba(61,71,89,0.5);border-radius:16px;padding:2.5rem;text-align:center;position:relative;transition:all 0.3s ease;backdrop-filter:blur(15px);box-shadow:0 10px 40px rgba(0,0,0,0.3)}.pricing-card.featured{border-color:var(--cyber-cyan);box-shadow:0 0 30px rgba(0,255,255,0.2);transform:scale(1.05)}.pricing-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--matrix-green);box-shadow:0 20px 40px var(--shadow-dark)}.pricing-card.featured:hover{transform:translateY(-10px) scale(1.07)}.price-header h3{color:var(--cyber-cyan);font-size:1.5rem;margin-bottom:1rem}.price{font-size:3rem;font-weight:800;color:var(--text-light);margin-bottom:2rem}.price-features{list-style:none;margin-bottom:2rem}.price-features li{padding:0.5rem 0;color:var(--text-muted);position:relative;padding-left:1.5rem}.price-features li::before{content:'✓';position:absolute;left:0;color:var(--matrix-green);font-weight:bold}.contact{background:transparent;position:relative;padding:8rem 0}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.contact-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;background:var(--glass-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-light);text-decoration:none;transition:all 0.3s ease}.contact-btn:hover{border-color:var(--cyber-cyan);color:var(--cyber-cyan);box-shadow:0 5px 15px var(--shadow-dark);transform:translateY(-2px)}.contact-btn:hover .contact-icon{background:linear-gradient(45deg,#fff,var(--cyber-cyan))!important;transform:scale(1.1);box-shadow:0 0 15px rgba(0,255,255,0.5)}.contact-icon{transition:all 0.3s ease}.plans-include-icon{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,100%{transform:translateY(-50%) scale(1);box-shadow:0 0 10px rgba(0,255,255,0.3)}50%{transform:translateY(-50%) scale(1.1);box-shadow:0 0 20px rgba(0,255,255,0.6)}}.footer{background:linear-gradient(135deg,#161d29 0%,#1a2332 50%,#212936 100%);padding:2rem 0;text-align:center;position:relative}.footer p{color:var(--text-muted);margin:0}.footer a{color:var(--cyber-cyan);text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width:768px){.hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-content{text-align:center;order:2}.hero-showcase{order:1}.program-ui-image{max-width:100%}.feature-badge{font-size:0.8rem;padding:0.6rem 1rem}.hero-features-list{margin:1.5rem 0!important}.hero-features-list>div{grid-template-columns:1fr!important;gap:0.8rem!important}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(35,43,56,0.98);backdrop-filter:blur(15px);flex-direction:column;padding:2rem;border-top:1px solid var(--border-color)}.nav-menu.active{display:flex}.mobile-menu-toggle{display:flex}.video-container{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-items:center}.pricing-card.featured{transform:none}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.featured:hover{transform:translateY(-5px)}}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 10%,rgba(0,255,255,0.03) 0%,transparent 60%),radial-gradient(ellipse at 80% 30%,rgba(0,255,136,0.02) 0%,transparent 65%),radial-gradient(ellipse at 40% 50%,rgba(255,107,53,0.02) 0%,transparent 70%),radial-gradient(ellipse at 70% 70%,rgba(0,255,255,0.02) 0%,transparent 75%),radial-gradient(ellipse at 30% 90%,rgba(0,255,136,0.03) 0%,transparent 80%);animation:backgroundFlow 30s ease-in-out infinite;pointer-events:none;z-index:-1}body::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(35,43,56,0) 0%,rgba(42,52,65,0.05) 25%,rgba(49,62,79,0.08) 50%,rgba(42,52,65,0.05) 75%,rgba(35,43,56,0) 100%);pointer-events:none;z-index:-1;opacity:0.8}@keyframes backgroundFlow{0%,100%{transform:scale(1) rotate(0deg);opacity:0.5}50%{transform:scale(1.1) rotate(2deg);opacity:0.8}}.core-feature-card{position:relative;overflow:hidden}.core-feature-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.5s}.core-feature-card:hover::before{left:100%}.core-feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.4);border-color:#fff}.core-feature-card:hover div{transform:scale(1.15);box-shadow:0 12px 30px rgba(0,255,255,0.6)}.feature-item-enhanced{position:relative;overflow:hidden}.feature-item-enhanced::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent);transition:left 0.4s}.feature-item-enhanced:hover::before{left:100%}.feature-item-enhanced:hover{transform:translateY(-5px) scale(1.02);border-color:#fff!important;box-shadow:0 15px 30px rgba(0,0,0,0.3);background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05))!important}.feature-item-enhanced:hover div{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px rgba(0,255,255,0.5)}.feature-item-enhanced:hover span{color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,0.5)}@media (max-width:768px){.unified-features-section{padding:2rem!important}.core-features-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.organized-features-grid{grid-template-columns:1fr!important;gap:1rem!important}.feature-item-enhanced{padding:1.2rem!important}.core-feature-card{padding:1.5rem!important}}@media (max-width:480px){.core-features-grid{grid-template-columns:1fr!important}.organized-features-grid{grid-template-columns:1fr!important}}.purchase-modal{animation:modalFadeIn 0.3s ease-out}@keyframes modalFadeIn{from{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(10px)}}.purchase-modal .modal-content{animation:modalSlideUp 0.3s ease-out;box-shadow:0 20px 60px rgba(0,0,0,0.8)}@keyframes modalSlideUp{from{transform:translateY(50px) scale(0.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.purchase-modal input:focus{outline:none;border-color:var(--cyber-cyan);box-shadow:0 0 10px rgba(0,255,255,0.3)}.purchase-modal .modal-close:hover{background:var(--glass-bg);color:var(--cyber-cyan);transform:rotate(90deg)}.purchase-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,255,255,0.4)}.purchase-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.fade-in{opacity:0;transform:translateY(30px);transition:all 0.6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fullscreen-active{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important}.fullscreen-active .video-wrapper{position:relative!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.fullscreen-active video{width:100%!important;height:100%!important;object-fit:cover!important;position:absolute!important;top:0!important;left:0!important}.fullscreen-active .video-controls{position:absolute!important;bottom:0!important;left:0!important;right:0!important;z-index:1000000!important;background:linear-gradient(transparent,rgba(0,0,0,0.9))!important}.fullscreen-active .video-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:999998!important}@media (max-width:768px){.fullscreen-active{padding:0!important;margin:0!important}.fullscreen-active video{object-fit:cover!important;transform:none!important}.fullscreen-active .video-wrapper{border-radius:0!important;overflow:hidden!important}.fullscreen-active .control-btn{font-size:1.1rem!important;padding:0.7rem!important;min-width:44px!important;min-height:44px!important}.fullscreen-active .progress-container{height:12px!important;margin:0.8rem 0!important}.fullscreen-active .time-display{font-size:1rem!important;min-width:80px!important}.fullscreen-active .controls-row{padding:0.8rem!important;gap:0.6rem!important}}.fullscreen-active::-webkit-scrollbar{display:none}.fullscreen-active{-ms-overflow-style:none;scrollbar-width:none}body.fullscreen-mode{overflow:hidden!important}body.fullscreen-mode *{z-index:1!important}body.fullscreen-mode .fullscreen-active,body.fullscreen-mode .fullscreen-active *{z-index:999999!important}