:root{--primary-color:#00a8ff;--secondary-color:#0097e6;--accent-color:#00d2d3;--background-dark:#0a0f18;--background-light:#141e30;--text-color:#ffffff;--gradient-1:linear-gradient(45deg,#141e30,#243b55);--gradient-2:linear-gradient(135deg,#0f2027,#203a43,#2c5364);--gradient-hover:linear-gradient(45deg,#00a8ff,#00d2d3);}body.dark-theme{background:var(--gradient-2);color:var(--text-color);min-height:100vh;}.navbar{background:rgba(13,17,23,0.95);backdrop-filter:blur(10px);padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.05);transition:all 0.3s ease;}.navbar-brand{display:flex;align-items:center;}.navbar-brand img{transition:transform 0.3s ease;}.navbar-brand:hover img{transform:scale(1.05);}.navbar-nav{gap:10px;}.nav-link{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,0.8) !important;font-size:0.95rem;padding:8px 16px !important;border-radius:8px;transition:all 0.3s ease;}.nav-link i{font-size:1rem;color:var(--primary-color);transition:all 0.3s ease;}.nav-link:hover{background:rgba(255,255,255,0.05);color:#fff !important;transform:translateY(-2px);}.nav-link:hover i{transform:scale(1.1);}.nav-right{display:flex;align-items:center;gap:20px;}.nav-status{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(46,204,113,0.1);border:1px solid rgba(46,204,113,0.2);border-radius:20px;font-size:0.85rem;color:#2ecc71;}.status-dot{width:6px;height:6px;background:#2ecc71;border-radius:50%;animation:pulse 2s infinite;}.nav-social{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:var(--primary-color);font-size:1.2rem;transition:all 0.3s ease;}.nav-social:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);}.nav-buttons{display:flex;gap:10px;}.btn{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:0.9rem;font-weight:500;border-radius:8px;transition:all 0.3s ease;}.btn i{font-size:1rem;}.btn-outline{color:var(--primary-color);border:1px solid rgba(0,168,255,0.3);background:transparent;text-decoration:none;}.btn-outline:hover{background:rgba(0,168,255,0.1);border-color:var(--primary-color);transform:translateY(-2px);}.btn-primary{background:var(--primary-color);border:none;color:#fff;text-decoration:none;}.btn-primary:hover{background:#0090e6;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,168,255,0.2);}@media (max-width:991px){.navbar-collapse{background:rgba(13,17,23,0.98);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,0.05);margin-top:15px;}.navbar-nav{gap:5px;}.nav-right{margin-top:15px;flex-direction:column;gap:15px;}.nav-buttons{width:100%;justify-content:center;}.btn{flex:1;justify-content:center;}}body{padding-top:76px;}.hero-section{padding:120px 0 80px;background:var(--background-dark);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;}.hero-content{position:relative;z-index:2;}.hero-title{font-size:4.5rem;font-weight:700;margin-bottom:0.5rem;line-height:1.1;}.gradient-text{background:linear-gradient(45deg,#c5c5c5,#ffffff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));}.hero-title .subtitle{font-size:2.5rem;color:#fff;margin-top:0.5rem;}.hero-subtitle{font-size:1.8rem;color:var(--primary-color);margin-bottom:1.5rem;font-weight:500;}.hero-description{font-size:1.1rem;color:rgba(255,255,255,0.7);margin-bottom:2rem;max-width:600px;line-height:1.6;}.hero-buttons{display:flex;gap:1rem;}.hero-buttons .btn{padding:0.8rem 2rem;font-size:1rem;font-weight:500;border-radius:5px;text-transform:uppercase;letter-spacing:0.5px;}.hero-buttons .btn-outline-secondary{color:#fff;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);}.hero-buttons .btn-outline-secondary:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3);}.hero-image{position:relative;z-index:2;}.hero-image img{transform:scale(1.2);filter:drop-shadow(0 0 30px rgba(0,168,255,0.3));animation:float 6s ease-in-out infinite;}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,168,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,210,211,0.1) 0%,transparent 50%);z-index:1;}@media (max-width:991px){.hero-title{font-size:3.5rem;}.hero-title .subtitle{font-size:2rem;}.hero-subtitle{font-size:1.5rem;}.hero-image{margin-top:3rem;}.hero-image img{transform:scale(1);}}@media (max-width:768px){.hero-section{padding:100px 0 60px;}.hero-title{font-size:2.8rem;}.hero-title .subtitle{font-size:1.8rem;}.hero-buttons{flex-direction:column;}.hero-buttons .btn{width:100%;margin:0.5rem 0;}}.product-card{background:rgba(20,30,48,0.9);border-radius:15px;padding:25px;margin-bottom:30px;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,0.2);}.product-card:hover{transform:translateY(-10px);background:linear-gradient(145deg,rgba(20,30,48,0.9),rgba(32,58,67,0.9));border:1px solid rgba(0,168,255,0.3);box-shadow:0 15px 45px rgba(0,168,255,0.2);}.btn-primary{background:var(--gradient-hover);border:none;position:relative;z-index:1;overflow:hidden;padding:12px 30px;transition:all 0.3s ease;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,168,255,0.3);}.btn-outline-primary{color:var(--primary-color);border:2px solid var(--primary-color);background:transparent;transition:all 0.3s ease;}.btn-outline-primary:hover{background:var(--gradient-hover);border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,168,255,0.3);}.section-padding{padding:100px 0;position:relative;}.section-padding::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at right top,rgba(0,168,255,0.1),transparent);pointer-events:none;}.footer{background:#0d1117;padding:60px 0 30px;position:relative;border-top:1px solid rgba(255,255,255,0.05);}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,rgba(0,168,255,0.03) 0%,transparent 100%);pointer-events:none;}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:80px;margin-bottom:50px;position:relative;}.footer-brand{max-width:320px;}.footer-logo{margin-bottom:20px;filter:brightness(1.1);}.footer-desc{color:rgba(255,255,255,0.7);font-size:0.95rem;line-height:1.6;margin-bottom:25px;}.social-links{display:flex;gap:12px;}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:var(--primary-color);font-size:1.2rem;transition:all 0.3s ease;}.social-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,168,255,0.15);}.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}.footer-group h5{color:#fff;font-size:1rem;font-weight:600;margin-bottom:20px;letter-spacing:0.5px;}.footer-group ul{list-style:none;padding:0;margin:0;}.footer-group li{margin-bottom:12px;}.footer-group a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.9rem;transition:all 0.3s ease;display:inline-block;}.footer-group a:hover{color:var(--primary-color);transform:translateX(5px);}.footer-bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,0.05);}.footer-info{display:flex;justify-content:space-between;align-items:center;}.copyright p{color:rgba(255,255,255,0.7);font-size:0.9rem;margin:0;}.footer-status{display:flex;align-items:center;gap:30px;}.status-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(46,204,113,0.1);border:1px solid rgba(46,204,113,0.2);border-radius:6px;color:#2ecc71;font-size:0.85rem;}.status-dot{width:6px;height:6px;background:#2ecc71;border-radius:50%;animation:pulse 2s infinite;}.payment-methods{display:flex;gap:15px;}.payment-methods i{color:rgba(255,255,255,0.5);font-size:1.2rem;transition:all 0.3s ease;}.payment-methods i:hover{color:var(--primary-color);transform:translateY(-2px);}@keyframes pulse{0%{transform:scale(1);opacity:1;}50%{transform:scale(1.5);opacity:0.5;}100%{transform:scale(1);opacity:1;}}@media (max-width:991px){.footer-content{grid-template-columns:1fr;gap:40px;}.footer-brand{max-width:100%;text-align:center;}.social-links{justify-content:center;}.footer-nav{grid-template-columns:repeat(2,1fr);gap:30px;}}@media (max-width:768px){.footer{padding:40px 0 20px;}.footer-nav{grid-template-columns:1fr;text-align:center;}.footer-info{flex-direction:column;gap:20px;text-align:center;}.footer-status{flex-direction:column;gap:15px;}}@keyframes float{0%{transform:translateY(0px);}50%{transform:translateY(-20px);}100%{transform:translateY(0px);}}.hero-section img{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,168,255,0.3));}@media (max-width:768px){.hero-section{padding:60px 0;}.hero-section h1{font-size:2rem;}.product-card{margin:15px;}}@media (max-width:991px){.navbar-collapse{background:rgba(13,18,26,0.98);padding:1rem;border-radius:10px;margin-top:1rem;}.nav-right{margin-top:1rem;justify-content:center;}}.features-section{background:var(--background-dark);position:relative;z-index:1;}.section-title{font-size:3rem;font-weight:700;background:linear-gradient(45deg,#c5c5c5,#ffffff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;}.section-subtitle{color:rgba(255,255,255,0.7);font-size:1.1rem;max-width:600px;margin:0 auto;}.feature-card{background:rgba(13,18,26,0.95);border-radius:12px;padding:25px;text-align:left;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1);height:100%;position:relative;overflow:hidden;}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,rgba(0,168,255,0.05),transparent);opacity:0;transition:opacity 0.3s ease;}.feature-card:hover{transform:translateY(-5px);border-color:rgba(0,168,255,0.2);box-shadow:0 15px 45px rgba(0,168,255,0.1);}.feature-icon{width:60px;height:60px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:rgba(13,18,26,0.95);border-radius:10px;transition:all 0.3s ease;}.feature-icon svg{transition:all 0.3s ease;}.feature-card:hover .feature-icon svg{transform:scale(1.1);}.feature-card h3{color:#fff;font-size:1.3rem;margin-bottom:12px;font-weight:600;}.feature-card p{color:rgba(255,255,255,0.7);font-size:0.9rem;line-height:1.5;margin:0;}.feature-card:nth-child(1):hover .feature-icon{background:rgba(255,75,75,0.1);}.feature-card:nth-child(2):hover .feature-icon{background:rgba(0,163,255,0.1);}.feature-card:nth-child(3):hover .feature-icon{background:rgba(255,159,10,0.1);}.feature-card:nth-child(4):hover .feature-icon{background:rgba(48,209,88,0.1);}@media (max-width:991px){.section-title{font-size:2.5rem;}.feature-card{margin-bottom:20px;}}@media (max-width:768px){.section-title{font-size:2rem;}.feature-card{padding:20px;}.feature-icon{width:60px;height:60px;}.feature-icon img{width:30px;height:30px;}}.pricing-section{background:var(--background-dark);position:relative;}.feature-overview{margin-bottom:60px;}.feature-overview-card{background:rgba(13,18,26,0.95);border-radius:12px;padding:20px;height:100%;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;}.feature-overview-card h4{color:#fff;font-size:1.1rem;margin:15px 0 10px;}.feature-overview-card p{color:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:15px;}.feature-badge{background:rgba(0,168,255,0.1);color:var(--primary-color);padding:5px 10px;border-radius:5px;font-size:0.8rem;}.pricing-card{background:rgba(13,18,26,0.95);border-radius:15px;border:1px solid rgba(255,255,255,0.1);padding:30px;position:relative;transition:all 0.3s ease;height:100%;}.pricing-card.popular{border-color:var(--primary-color);transform:scale(1.02);}.popular-badge{position:absolute;top:20px;right:20px;background:var(--primary-color);color:#fff;padding:5px 15px;border-radius:20px;font-size:0.8rem;}.pricing-header{text-align:center;margin-bottom:30px;}.character-img{width:150px;height:150px;object-fit:cover;border-radius:10px;margin-bottom:20px;}.pricing-header h3{color:#fff;font-size:1.5rem;margin-bottom:10px;}.price{color:#fff;}.price .amount{font-size:2.5rem;font-weight:700;}.price .period{font-size:1rem;color:rgba(255,255,255,0.7);}.pricing-features ul{list-style:none;padding:0;margin:0 0 30px;}.pricing-features li{color:rgba(255,255,255,0.8);padding:10px 0;display:flex;align-items:center;}.pricing-features li i{color:var(--primary-color);margin-right:10px;}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 15px 45px rgba(0,168,255,0.1);}.pricing-card.popular:hover{transform:scale(1.02) translateY(-10px);}@media (max-width:991px){.pricing-card{margin-bottom:30px;}.pricing-card.popular{transform:none;}.feature-overview-card{margin-bottom:20px;}}@media (max-width:768px){.pricing-header h3{font-size:1.3rem;}.price .amount{font-size:2rem;}.character-img{width:120px;height:120px;}}.cs2-product-section{min-height:100vh;position:relative;display:flex;align-items:center;background:linear-gradient(to right,#0d1117,#161b22);overflow:hidden;padding:0;}.cs2-product-section::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:url('../images/cs2-character.jpg') no-repeat center right;background-size:cover;opacity:0.6;}.product-content{position:relative;z-index:2;padding:4rem 0;}.product-title{font-size:4.5rem;font-weight:600;color:#fff;margin-bottom:1rem;line-height:1.2;background:linear-gradient(to right,#fff,#ccc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.product-subtitle{font-size:1.25rem;color:#00a8ff;margin-bottom:1.5rem;font-weight:500;}.product-description{font-size:1rem;color:rgba(255,255,255,0.7);margin-bottom:2rem;max-width:500px;line-height:1.6;}.product-buttons{display:flex;gap:1rem;}.product-buttons .btn{padding:0.8rem 2rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;}.product-buttons .btn-outline-light{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);}.product-buttons .btn-outline-light:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);}@media (max-width:991px){.cs2-product-section::before{width:100%;opacity:0.2;}.product-title{font-size:3.5rem;}}@media (max-width:768px){.product-content{text-align:center;padding:3rem 1rem;}.product-title{font-size:2.8rem;}.product-description{margin:0 auto 2rem;}.product-buttons{flex-direction:column;}.product-buttons .btn{width:100%;}}.products-section{background:linear-gradient(45deg,#0d1117,#161b22);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;}.background-effects{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,168,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,75,75,0.1) 0%,transparent 50%);z-index:1;}.product-content{position:relative;z-index:2;padding:3rem 0;}.product-name{font-size:2.5rem;font-weight:600;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#ccc);align-items:center;margin-bottom:1.5rem;padding:1rem;background:rgba(255,255,255,0.05);border-radius:10px;transition:all 0.3s ease;}.feature-item:hover{transform:translateX(10px);background:rgba(255,255,255,0.1);}.feature-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(0,168,255,0.1);border-radius:10px;margin-right:1rem;}.feature-icon i{font-size:1.5rem;color:var(--primary-color);}.feature-text h4{color:#fff;font-size:1.1rem;margin-bottom:0.2rem;}.feature-text p{color:rgba(255,255,255,0.6);font-size:0.9rem;margin:0;}.product-actions{display:flex;gap:1rem;}.product-actions .btn{padding:1rem 2rem;display:flex;align-items:center;gap:0.5rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.3s ease;}.product-actions .btn i{transition:transform 0.3s ease;}.product-actions .btn:hover i{transform:translateX(5px);}.product-image{position:relative;z-index:2;}.image-container{position:relative;padding:2rem;}.floating-image{width:100%;height:auto;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,168,255,0.3));}.glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,168,255,0.2),transparent 70%);pointer-events:none;animation:glow 4s ease-in-out infinite alternate;}@keyframes glow{0%{opacity:0.5;transform:translate(-50%,-50%) scale(0.8);}100%{opacity:0.8;transform:translate(-50%,-50%) scale(1.2);}}@keyframes float{0%{transform:translateY(0px);}50%{transform:translateY(-20px);}100%{transform:translateY(0px);}}@media (max-width:991px){.product-name{font-size:2rem;}.product-image{margin-top:3rem;}}@media (max-width:768px){.products-section{padding:4rem 0;}.product-content{text-align:center;padding:0;}.feature-item{flex-direction:column;text-align:center;}.feature-icon{margin:0 0 1rem 0;}.product-actions{flex-direction:column;}.product-actions .btn{width:100%;justify-content:center;}}.esp-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}.esp-box{position:absolute;width:180px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgb(0,255,0);box-shadow:0 0 30px rgba(0,255,0,0.5);z-index:2;animation:espGlow 2s infinite;}.esp-box::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:transparent;box-shadow:0 0 30px rgba(0,255,0,0.4),0 0 60px rgba(0,255,0,0.2),inset 0 0 30px rgba(0,255,0,0.3);z-index:-1;}@keyframes espGlow{0%{border-color:rgba(0,255,0,0.8);box-shadow:0 0 30px rgba(0,255,0,0.5);}50%{border-color:rgba(0,255,0,1);box-shadow:0 0 50px rgba(0,255,0,0.7);}100%{border-color:rgba(0,255,0,0.8);box-shadow:0 0 30px rgba(0,255,0,0.5);}}.esp-name{position:absolute;top:-40px;left:50%;transform:translateX(-50%);color:rgb(0,255,0);font-size:14px;text-transform:uppercase;font-weight:bold;text-shadow:0 0 10px rgba(0,255,0,0.7);white-space:nowrap;z-index:3;}.health-bar{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:100px;height:6px;background:rgba(255,0,0,0.3);border-radius:3px;overflow:hidden;z-index:3;}.health-bar-fill{width:75%;height:100%;background:rgb(255,0,0);box-shadow:0 0 10px rgba(255,0,0,0.7);border-radius:3px;}.health-text{position:absolute;top:-35px;right:0;color:rgb(255,0,0);font-size:12px;font-weight:bold;text-shadow:0 0 10px rgba(255,0,0,0.7);z-index:3;}.weapon-icon{position:absolute;bottom:-65px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;color:rgb(0,255,0);font-size:14px;text-shadow:0 0 10px rgba(0,255,0,0.7);z-index:3;}.weapon-icon i{font-size:16px;filter:drop-shadow(0 0 5px rgba(0,255,0,0.7));}.requirements-section{padding:80px 0;background:linear-gradient(145deg,rgba(13,18,26,0.98),rgba(20,30,48,0.98));position:relative;overflow:hidden;}.requirements-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,168,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,168,255,0.05) 0%,transparent 50%);pointer-events:none;}.requirements-card{background:rgba(13,18,26,0.95);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,0.2);}.requirements-card .card-header{padding:30px;text-align:center;position:relative;border-bottom:1px solid rgba(255,255,255,0.1);background:rgba(0,168,255,0.05);}.requirements-card .card-header i{font-size:2.5rem;margin-bottom:20px;background:linear-gradient(45deg,var(--primary-color,#00a8ff),#00d2d3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,168,255,0.2));}.requirements-card .card-header h3{color:#fff;font-size:1.8rem;margin:0;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,0.2);}.requirements-list{list-style:none;padding:30px;margin:0;}.requirements-list li{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;}.requirements-list li:hover{background:rgba(0,168,255,0.05);transform:translateX(10px);padding-left:10px;border-radius:8px;}.requirements-list li:last-child{border-bottom:none;}.req-icon{width:50px;color:var(--primary-color,#00a8ff);font-size:1.2rem;display:flex;align-items:center;justify-content:center;}.req-icon i{transition:transform 0.3s ease;}.requirements-list li:hover .req-icon i{transform:scale(1.2);}.req-label{width:120px;color:rgba(255,255,255,0.7);font-weight:500;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.5px;}.req-value{flex:1;color:#fff;font-size:1.05rem;font-weight:500;}.requirements-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(0,168,255,0.15);border-color:var(--primary-color,#00a8ff);}@media (max-width:768px){.requirements-card{margin-bottom:30px;}.requirements-list li{flex-direction:column;text-align:center;padding:20px 0;}.requirements-list li:hover{transform:translateX(0);padding-left:0;}.req-icon{width:auto;margin-bottom:10px;font-size:1.5rem;}.req-label{width:auto;margin-bottom:5px;}.req-value{text-align:center;}.requirements-card .card-header h3{font-size:1.5rem;}}@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}.requirements-card:hover .card-header i{animation:pulse 2s infinite;}.plans-hero-section{padding:120px 0 80px;background:linear-gradient(145deg,rgba(13,18,26,0.98),rgba(20,30,48,0.98));position:relative;overflow:hidden;min-height:90vh;display:flex;align-items:center;}.hero-bg-effect{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,168,255,0.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,168,255,0.1) 0%,transparent 50%);filter:blur(60px);z-index:0;}.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}.hero-content{position:relative;z-index:2;padding-right:3rem;}.hero-badge{display:inline-flex;align-items:center;padding:8px 16px;background:rgba(0,168,255,0.1);border:1px solid rgba(0,168,255,0.3);border-radius:30px;color:var(--primary-color,#00a8ff);font-weight:600;font-size:0.9rem;margin-bottom:2rem;}.hero-badge i{margin-right:8px;}.hero-title{margin-bottom:1.5rem;}.hero-title .gradient-text{font-size:4rem;font-weight:800;background:linear-gradient(45deg,#fff,var(--primary-color,#00a8ff));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;margin-bottom:0.5rem;letter-spacing:-1px;}.hero-title .subtitle{font-size:2rem;color:rgba(255,255,255,0.9);font-weight:600;}.hero-description{font-size:1.2rem;color:rgba(255,255,255,0.7);margin-bottom:2rem;line-height:1.6;max-width:600px;}.hero-features{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;}.feature-tag{display:flex;align-items:center;gap:0.5rem;padding:8px 16px;background:rgba(255,255,255,0.05);border-radius:20px;color:rgba(255,255,255,0.9);font-size:0.9rem;}.feature-tag i{color:var(--primary-color,#00a8ff);}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}.stat-item{text-align:center;padding:1.5rem;background:rgba(255,255,255,0.05);border-radius:15px;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;}.stat-item:hover{transform:translateY(-5px);background:rgba(0,168,255,0.1);border-color:var(--primary-color,#00a8ff);}.stat-value{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:0.5rem;line-height:1;}.stat-value .counter{background:linear-gradient(45deg,#fff,var(--primary-color,#00a8ff));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.stat-label{font-size:0.9rem;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:1px;}.hero-image{position:relative;z-index:2;}.image-wrapper{position:relative;padding:2rem;}.floating-image{width:100%;height:auto;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,168,255,0.3));}.status-badge{position:absolute;bottom:2rem;right:2rem;display:flex;align-items:center;gap:0.5rem;padding:8px 16px;background:rgba(39,174,96,0.2);border:1px solid rgba(39,174,96,0.3);border-radius:20px;color:#2ecc71;font-weight:600;font-size:0.9rem;}.status-dot{width:8px;height:8px;background:#2ecc71;border-radius:50%;animation:pulse 2s infinite;}@keyframes pulse{0%{transform:scale(1);opacity:1;}50%{transform:scale(1.5);opacity:0.5;}100%{transform:scale(1);opacity:1;}}@media (max-width:991px){.plans-hero-section{padding:100px 0 60px;min-height:auto;}.hero-content{text-align:center;padding-right:0;margin-bottom:3rem;}.hero-title .gradient-text{font-size:3rem;}.hero-features{justify-content:center;}.hero-stats{max-width:500px;margin:0 auto;}}@media (max-width:768px){.hero-stats{grid-template-columns:1fr;max-width:300px;}.hero-title .gradient-text{font-size:2.5rem;}.hero-title .subtitle{font-size:1.5rem;}}.terms-section{padding:60px 0 0;background:#0d1117;position:relative;margin-bottom:0;}.terms-section h2{color:#fff;font-size:2rem;margin-bottom:0.5rem;}.terms-section .text-primary{color:#00a8ff !important;font-size:1rem;}.terms-box{background:rgba(22,27,34,0.8);border-radius:10px;padding:25px;border:1px solid rgba(255,255,255,0.1);height:100%;}.terms-header{display:flex;align-items:center;margin-bottom:20px;}.terms-header i{font-size:1.5rem;margin-right:15px;color:#00a8ff;}.terms-header h4{color:#fff;margin:0;font-size:1.2rem;font-weight:500;}.terms-box ul{list-style:none;padding:0;margin:0;}.terms-box li{color:rgba(255,255,255,0.7);padding:10px 0;padding-left:25px;position:relative;font-size:0.95rem;line-height:1.5;}.terms-box li:before{content:'';position:absolute;left:0;top:18px;width:6px;height:6px;background:#00a8ff;border-radius:50%;}@media (max-width:768px){.terms-section{padding:40px 0;}.terms-box{padding:20px;margin-bottom:20px;}.terms-header i{font-size:1.2rem;}.terms-header h4{font-size:1.1rem;}.terms-box li{font-size:0.9rem;}}.footer{margin-top:0;background:#0d1117;border-top:1px solid rgba(255,255,255,0.1);}.swiper{width:100%;padding-top:50px;padding-bottom:50px;}.swiper-slide{background-position:center;background-size:cover;width:320px;height:auto;}.product-card{background:rgba(13,18,26,0.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;overflow:hidden;transition:all 0.3s ease;height:100%;display:flex;flex-direction:column;}.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.4);border-color:var(--primary-color,#00a8ff);}.product-image-wrapper{position:relative;width:100%;padding-top:60%;overflow:hidden;}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.product-card:hover .product-image img{transform:scale(1.1);}.product-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}.product-card:hover .product-overlay{opacity:1;}.product-content{padding:20px;flex-grow:1;display:flex;flex-direction:column;}.product-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:15px;line-height:1.4;}.product-features{margin-bottom:20px;flex-grow:1;}.feature-item{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:rgba(255,255,255,0.7);font-size:0.9rem;}.product-footer{padding:12px 45px;color:#fff;transition:all 0.3s ease;}.search-box input:focus{background:rgba(13,18,26,1);border-color:var(--primary-color,#00a8ff);box-shadow:0 0 0 3px rgba(0,168,255,0.1);outline:none;}.search-box i.fa-search{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.5);}.clear-search{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:rgba(255,255,255,0.5);cursor:pointer;padding:5px;}.clear-search:hover{color:#fff;}.system-requirements-section{position:relative;background:#0d1117;color:#fff;}.system-requirements-section .section-title{color:#fff;font-weight:700;}.system-requirements-section .text-muted{color:rgba(116,110,110,0.6) !important;}.requirement-item{padding:15px;border-radius:10px;transition:all 0.3s ease;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);}.requirement-item:hover{background:rgba(255,255,255,0.05);transform:translateX(5px);}.requirement-item .icon-box{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(0,168,255,0.1);border-radius:12px;}.footer{margin-top:0;background:#0d1117;border-top:1px solid rgba(255,255,255,0.1);}.swiper{width:100%;padding-top:50px;padding-bottom:50px;}.swiper-slide{background-position:center;background-size:cover;width:320px;height:auto;}.product-card{background:rgba(13,18,26,0.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;overflow:hidden;transition:all 0.3s ease;height:100%;display:flex;flex-direction:column;}.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.4);border-color:var(--primary-color,#00a8ff);}.product-image-wrapper{position:relative;width:100%;padding-top:60%;overflow:hidden;}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.product-card:hover .product-image img{transform:scale(1.1);}.product-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}.product-card:hover .product-overlay{opacity:1;}.product-content{padding:20px;flex-grow:1;display:flex;flex-direction:column;}.product-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:15px;line-height:1.4;}.product-features{margin-bottom:20px;flex-grow:1;}.feature-item{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:rgba(255,255,255,0.7);font-size:0.9rem;}.product-footer{padding:12px 45px;color:#fff;transition:all 0.3s ease;}.search-box input:focus{background:rgba(13,18,26,1);border-color:var(--primary-color,#00a8ff);box-shadow:0 0 0 3px rgba(0,168,255,0.1);outline:none;}.search-box i.fa-search{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.5);}.clear-search{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:rgba(255,255,255,0.5);cursor:pointer;padding:5px;}.clear-search:hover{color:#fff;}.system-requirements-section{position:relative;background:#0d1117;color:#fff;}.system-requirements-section .section-title{color:#fff;font-weight:700;}.system-requirements-section .text-muted{color:rgba(116,110,110,0.6) !important;}.requirement-item{padding:15px;border-radius:10px;transition:all 0.3s ease;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);}.requirement-item:hover{background:rgba(255,255,255,0.05);transform:translateX(5px);}.requirement-item .icon-box{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(0,168,255,0.1);border-radius:12px;}.requirement-item .icon-box i{color:var(--primary-color,#00a8ff);text-shadow:0 0 10px rgba(0,168,255,0.5);}.requirements-image i{filter:drop-shadow(0 0 30px rgba(0,168,255,0.2));}.ratio{position:relative;width:100%;}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:"";}.ratio-16x9{--bs-aspect-ratio:56.25%;}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%;}.user-card-header{display:flex;align-items:center;gap:15px;padding:15px;background:rgba(255,255,255,0.03);border-radius:12px;border:1px solid rgba(255,255,255,0.05);margin:5px;transition:all 0.3s ease;}.user-card-header:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.1);}.avatar-wrapper{position:relative;flex-shrink:0;}.user-card-avatar-header{width:50px;height:50px;border-radius:50% !important;object-fit:cover;border:2px solid rgba(255,255,255,0.1);transition:all 0.3s ease;}.user-info-header{display:flex;flex-direction:column;gap:4px;flex:1;}.dropdown-header{padding:0 !important;}.username-header{font-size:1rem;font-weight:700;color:#fff;margin-bottom:2px;}.role-badge-header{font-size:0.7rem;padding:3px 8px;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:0.5px;width:fit-content;}.role-badge-header.role-1{background:rgba(46,213,115,0.15);color:#2ed573;border:1px solid rgba(46,213,115,0.3);}.role-badge-header.role-2{background:linear-gradient(45deg,rgba(255,0,0,0.1),rgba(200,0,0,0.2));color:#ff4d4d;border:1px solid rgba(255,0,0,0.3);box-shadow:0 0 10px rgba(255,0,0,0.1);}.role-badge-header.role-3{background:linear-gradient(45deg,rgba(52,152,219,0.1),rgba(41,128,185,0.2));color:#5dade2;border:1px solid rgba(52,152,219,0.3);box-shadow:0 0 10px rgba(52,152,219,0.1);}.role-badge-header.role-4{background:linear-gradient(135deg,rgba(255,215,0,0.15),rgba(255,193,7,0.25));color:#ffd700;border:1px solid rgba(255,215,0,0.4);box-shadow:0 0 15px rgba(255,215,0,0.2);animation:pulse-gold 2s infinite;}.role-admin-glow{box-shadow:0 0 25px rgba(255,215,0,0.3) !important;border:2px solid rgba(255,215,0,0.4) !important;animation:glow-pulse-gold 3s infinite alternate;}@keyframes glow-pulse-gold{0%{box-shadow:0 0 20px rgba(255,215,0,0.3);}100%{box-shadow:0 0 40px rgba(255,215,0,0.6);}}.role-youtuber-glow{box-shadow:0 0 25px rgba(255,0,0,0.3) !important;border:2px solid rgba(255,0,0,0.4) !important;animation:glow-pulse-red 3s infinite alternate;}@keyframes glow-pulse-red{0%{box-shadow:0 0 20px rgba(255,0,0,0.3);}100%{box-shadow:0 0 40px rgba(255,0,0,0.6);}}.role-mod-glow{box-shadow:0 0 25px rgba(52,152,219,0.3) !important;border:2px solid rgba(52,152,219,0.4) !important;animation:glow-pulse-blue 3s infinite alternate;}@keyframes glow-pulse-blue{0%{box-shadow:0 0 20px rgba(52,152,219,0.3);}100%{box-shadow:0 0 40px rgba(52,152,219,0.6);}}@keyframes pulse-gold{0%{box-shadow:0 0 0 0 rgba(255,215,0,0.4);}70%{box-shadow:0 0 0 8px rgba(255,215,0,0);}100%{box-shadow:0 0 0 0 rgba(255,215,0,0);}}.user-card-avatar-header:hover{transform:scale(1.05);}.mystery-wrapper{position:relative;border-radius:10px;overflow:hidden;}.mystery-content{filter:blur(8px);opacity:0.4;user-select:none;pointer-events:none;transition:all 0.3s ease;}.mystery-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;width:100%;}.mystery-badge{display:inline-flex;align-items:center;padding:15px 30px;background:rgba(0,0,0,0.8);border:2px solid;border-radius:50px;font-size:1.2rem;font-weight:800;letter-spacing:4px;text-transform:uppercase;box-shadow:0 0 30px rgba(0,0,0,0.5);animation:pulse-badge 2s infinite;}@keyframes pulse-badge{0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(0,0,0,0.5);}50%{transform:scale(1.05);box-shadow:0 0 40px rgba(0,0,0,0.8);}}.presentation-modal-modern{max-width:1100px !important;width:95% !important;background:#0d1117;overflow:hidden;padding:0;}.presentation-layout{display:flex;flex-wrap:wrap;background:#0d1117;}.presentation-details{flex:1 1 50%;padding:40px;display:flex;flex-direction:column;}.presentation-gallery{flex:1 1 50%;background:#161b22;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,0.05);}.presentation-main-img{width:100%;height:350px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}.presentation-main-img img{max-height:100%;max-width:100%;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.1);transition:transform 0.3s ease;object-fit:contain;}.presentation-main-img img:hover{transform:scale(1.02);}.presentation-thumbnails{display:flex;gap:12px;width:100%;overflow-x:auto;padding-bottom:10px;justify-content:center;}.presentation-thumb{width:80px;height:60px;border-radius:8px;border:2px solid transparent;cursor:pointer;overflow:hidden;flex-shrink:0;transition:all 0.2s;opacity:0.5;}.presentation-thumb:hover,.presentation-thumb.active{opacity:1;border-color:var(--primary-color,#00a8ff);transform:translateY(-2px);}.presentation-thumb img{width:100%;height:100%;object-fit:cover;}.presentation-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:15px;}.presentation-desc{color:rgba(255,255,255,0.7);font-size:1.05rem;margin-bottom:25px;line-height:1.6;}.presentation-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px;}.feat-badge{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);padding:6px 14px;border-radius:20px;font-size:0.85rem;font-weight:600;}.licenses-title{font-size:1.2rem;color:#fff;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:10px;}.licenses-list{display:flex;flex-direction:column;gap:12px;max-height:350px;overflow-y:auto;padding-right:10px;}.licenses-list::-webkit-scrollbar{width:6px;}.licenses-list::-webkit-scrollbar-track{background:rgba(255,255,255,0.02);border-radius:10px;}.licenses-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:10px;}.license-item{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,0.03);padding:15px 20px;border-radius:10px;border:1px solid rgba(255,255,255,0.05);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.license-item:hover{background:rgba(255,255,255,0.06);border-color:rgba(0,168,255,0.3);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.3);}.lic-info{display:flex;flex-direction:column;gap:5px;}.lic-duration{color:#fff;font-weight:700;font-size:1.05rem;}.lic-price{color:var(--primary-color,#00a8ff);font-weight:800;font-size:1.2rem;}.lic-action{display:flex;align-items:center;}.lic-action button{border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:all 0.2s;font-size:0.95rem;display:flex;align-items:center;gap:8px;}.lic-action .btn-cart{background:linear-gradient(45deg,var(--primary-color,#00a8ff),#00d2d3);color:#fff;box-shadow:0 4px 15px rgba(0,168,255,0.3);}.lic-action .btn-cart:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,168,255,0.5);}.lic-action .btn-shopier{background:transparent;border:1px solid #ff9f43;color:#ff9f43;}.lic-action .btn-shopier:hover{background:rgba(255,159,67,0.1);transform:translateY(-2px);}@media (max-width:991px){.presentation-layout{flex-direction:column-reverse;}.presentation-gallery{border-left:none;border-bottom:1px solid rgba(255,255,255,0.05);padding:30px;}.presentation-details{padding:30px;}}@media (max-width:576px){.license-item{flex-direction:column;align-items:flex-start;gap:15px;}.lic-action{width:100%;}.lic-action button{width:100%;justify-content:center;}}
.category-pill{color:#fff;border-radius:50px;padding:12px 24px;font-weight:600;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;}.category-pill::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(0,168,255,0.2);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s;}.category-pill:hover::before{width:300px;height:300px;}.category-pill:hover{transform:translateY(-2px);border-color:rgba(0,168,255,0.6);}.category-pill.active{background:linear-gradient(135deg,#00a8ff,#00d2ff);color:#0a0e27;border-color:#00a8ff;box-shadow:0 8px 25px rgba(0,168,255,0.4);}.category-pill.active i{color:#0a0e27;}.products-swiper{padding:40px 0;overflow:visible !important;}.products-swiper .swiper-slide{width:350px;height:auto;}.swiper-slide{transition:all 0.3s ease;}.product-card{background:linear-gradient(135deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:1.5rem;height:100%;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);cursor:pointer;position:relative;overflow:hidden;}.product-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,168,255,0.1),rgba(0,210,255,0.05));opacity:0;transition:opacity 0.4s ease;z-index:0;}.product-card:hover::before{opacity:1;}.product-card:hover{transform:translateY(-10px) scale(1.02);border-color:rgba(0,168,255,0.5);box-shadow:0 20px 40px rgba(0,168,255,0.2);}.product-card>*{position:relative;z-index:1;}.featured-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 50%,#ffd700 100%);color:#fff;padding:8px 16px;border-radius:25px;font-size:0.8rem;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;display:flex;align-items:center;gap:6px;box-shadow:0 4px 20px rgba(255,107,53,0.6),0 0 30px rgba(255,215,0,0.4),inset 0 1px 0 rgba(255,255,255,0.3);z-index:10;animation:featured-glow 2s ease-in-out infinite;border:2px solid rgba(255,255,255,0.3);backdrop-filter:blur(5px);}.featured-badge i{font-size:0.85rem;color:#fff;filter:drop-shadow(0 0 3px rgba(255,215,0,0.8));animation:star-pulse 1.5s ease-in-out infinite;}@keyframes featured-glow{0%,100%{transform:scale(1);box-shadow:0 4px 20px rgba(255,107,53,0.6),0 0 30px rgba(255,215,0,0.4),inset 0 1px 0 rgba(255,255,255,0.3);}50%{transform:scale(1.05);box-shadow:0 6px 30px rgba(255,107,53,0.8),0 0 40px rgba(255,215,0,0.6),inset 0 1px 0 rgba(255,255,255,0.5);}}@keyframes star-pulse{0%,100%{transform:rotate(0deg) scale(1);}50%{transform:rotate(180deg) scale(1.2);}}.product-image{width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:1rem;transition:transform 0.3s ease;}.product-card:hover .product-image{transform:scale(1.05);}.product-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:0.75rem;transition:color 0.3s ease;}.product-card:hover .product-title{color:#00a8ff;}.product-price{display:flex;align-items:baseline;gap:0.5rem;margin-bottom:1rem;}.price-amount{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#00a8ff,#00d2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.price-duration{color:rgba(255,255,255,0.6);font-size:0.9rem;}.product-description{color:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:1rem;line-height:1.6;}.product-features{list-style:none;padding:0;margin-bottom:1.5rem;}.product-features li{color:rgba(255,255,255,0.8);font-size:0.85rem;padding:0.4rem 0;display:flex;align-items:center;gap:0.5rem;}.product-features li i{color:#00a8ff;font-size:0.75rem;}.product-btn{width:100%;padding:12px;background:linear-gradient(135deg,#00a8ff,#00d2ff);border:none;border-radius:12px;color:#0a0e27;font-weight:600;font-size:1rem;transition:all 0.3s ease;cursor:pointer;}.product-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,168,255,0.4);}.swiper-button-next,.swiper-button-prev{color:#00a8ff !important;background:rgba(0,168,255,0.1);width:50px;height:50px;border-radius:50%;backdrop-filter:blur(10px);transition:all 0.3s ease;}.swiper-button-next:hover,.swiper-button-prev:hover{background:rgba(0,168,255,0.2);transform:scale(1.1);}.swiper-button-next::after,.swiper-button-prev::after{font-size:20px;}.swiper-pagination-bullet{background:rgba(255,255,255,0.3);opacity:1;}.swiper-pagination-bullet-active{background:#00a8ff;width:30px;border-radius:5px;}#productModal .modal-content{background:linear-gradient(135deg,#1a1f2e 0%,#2d3748 100%);border:1px solid rgba(0,168,255,0.3);border-radius:20px;}#productModal .modal-header{border-bottom:1px solid rgba(255,255,255,0.1);}#productModal .modal-title{color:#fff;font-weight:700;}#productModal .btn-close{filter:invert(1);}.modal-gallery-main{width:100%;height:400px;object-fit:cover;border-radius:12px;margin-bottom:1rem;}.modal-gallery-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:0.5rem;}.gallery-thumb{width:100%;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all 0.3s ease;}.gallery-thumb:hover{border-color:#00a8ff;transform:scale(1.05);}.gallery-thumb.active{border-color:#00a8ff;box-shadow:0 0 15px rgba(0,168,255,0.5);}.modal-product-price{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#00a8ff,#00d2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;}.modal-product-duration{color:rgba(255,255,255,0.7);font-size:1.1rem;margin-bottom:1.5rem;}.modal-product-description{color:rgba(255,255,255,0.8);line-height:1.8;margin-bottom:1.5rem;}.modal-features-list{list-style:none;padding:0;}.modal-features-list li{color:rgba(255,255,255,0.9);padding:0.5rem 0;display:flex;align-items:center;gap:0.75rem;}.modal-features-list li i{color:#00a8ff;}.features-dropdown{background:rgba(255,255,255,0.05);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;}.features-dropdown:hover{border-color:rgba(0,168,255,0.3);background:rgba(255,255,255,0.08);}.features-dropdown-toggle{width:100%;padding:15px 20px;background:transparent;border:none;color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;cursor:pointer;transition:all 0.3s ease;}.features-dropdown-toggle:hover{background:rgba(255,255,255,0.05);}.features-dropdown-toggle .features-count{color:rgba(255,255,255,0.6);font-size:14px;margin-left:5px;font-weight:400;}.features-dropdown-toggle .toggle-icon{font-size:14px;transition:transform 0.3s ease;color:rgba(255,255,255,0.6);}.features-dropdown-toggle.active .toggle-icon{transform:rotate(180deg);color:#00a8ff;}.features-dropdown-content{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1);}.features-dropdown-content.show{max-height:300px;overflow-y:auto;padding:10px 20px 20px;}.features-dropdown-content::-webkit-scrollbar{width:6px;}.features-dropdown-content::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:10px;margin:5px 0;}.features-dropdown-content::-webkit-scrollbar-thumb{background:rgba(0,168,255,0.3);border-radius:10px;transition:background 0.3s ease;}.features-dropdown-content::-webkit-scrollbar-thumb:hover{background:rgba(0,168,255,0.5);}.features-dropdown-content .modal-features-list{list-style:none;padding:0;margin:0;}.features-dropdown-content .modal-features-list li{padding:12px 0;color:rgba(255,255,255,0.9);display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,0.05);transition:all 0.2s ease;}.features-dropdown-content .modal-features-list li:last-child{border-bottom:none;}.features-dropdown-content .modal-features-list li:hover{padding-left:5px;color:#fff;}.features-dropdown-content .modal-features-list li i{color:#00d4ff;margin-right:12px;font-size:14px;flex-shrink:0;}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:400px;}.spinner{width:50px;height:50px;border:4px solid rgba(0,168,255,0.1);border-top-color:#00a8ff;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.empty-state{text-align:center;padding:4rem 2rem;}.empty-state i{font-size:4rem;color:rgba(255,255,255,0.3);margin-bottom:1rem;}.empty-state h4{color:rgba(255,255,255,0.7);margin-bottom:0.5rem;}.empty-state p{color:rgba(255,255,255,0.5);}@media (max-width:768px){.products-swiper .swiper-slide{width:280px;}.product-card{padding:1rem;}.price-amount{font-size:1.5rem;}.modal-gallery-main{height:250px;}}.bundle-info{background:rgba(0,168,255,0.05);border:1px solid rgba(0,168,255,0.2);border-radius:12px;padding:15px;}.bundle-items{display:flex;flex-direction:column;gap:10px;}.bundle-item{display:flex;align-items:center;padding:10px;background:rgba(255,255,255,0.03);border-radius:8px;color:rgba(255,255,255,0.9);transition:all 0.2s ease;}.bundle-item:hover{background:rgba(255,255,255,0.05);transform:translateX(5px);}.bundle-item i{font-size:16px;}.bundle-item span{font-size:14px;}.alert-warning{background:rgba(255,193,7,0.1);border:1px solid rgba(255,193,7,0.3);color:#ffc107;}.alert-danger{background:rgba(220,53,69,0.1);border:1px solid rgba(220,53,69,0.3);color:#dc3545;}
.products-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#0a0e1f 0%,#0d1123 50%,#0f1429 100%);padding:5rem 0;}.products-header{padding:3rem 0;}.header-decoration{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem;}.decoration-line{height:1px;width:120px;background:linear-gradient(90deg,transparent,rgba(0,168,255,0.4),transparent);position:relative;}.decoration-line::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,168,255,0.8),transparent);animation:line-shimmer 3s ease-in-out infinite;}@keyframes line-shimmer{0%,100%{opacity:0;transform:translateX(-100%);}50%{opacity:1;transform:translateX(100%);}}.decoration-line.left{background:linear-gradient(90deg,transparent,rgba(0,168,255,0.4));}.decoration-line.right{background:linear-gradient(90deg,rgba(0,168,255,0.4),transparent);}.decoration-icon{width:50px;height:50px;background:linear-gradient(135deg,#0066cc,#0088ff);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.4rem;box-shadow:0 4px 20px rgba(0,102,204,0.3),inset 0 1px 0 rgba(255,255,255,0.1);position:relative;overflow:hidden;}.decoration-icon::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.1),transparent);animation:icon-shine 4s ease-in-out infinite;}@keyframes icon-shine{0%,100%{transform:rotate(0deg) translate(-50%,-50%);}50%{transform:rotate(180deg) translate(-50%,-50%);}}.section-badge{display:inline-block;padding:0.6rem 2rem;background:rgba(0,102,204,0.08);border:1px solid rgba(0,136,255,0.2);border-radius:30px;color:#4da6ff;font-size:0.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;box-shadow:0 2px 10px rgba(0,102,204,0.1);}.gradient-text{background:linear-gradient(120deg,#0088ff,#00b4ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;}.trust-indicators{padding:2rem;background:rgba(13,17,35,0.6);border-radius:20px;border:1px solid rgba(0,136,255,0.08);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.03);}.trust-item{display:flex;align-items:center;gap:0.75rem;color:rgba(255,255,255,0.85);font-size:0.95rem;font-weight:600;padding:0.5rem 1rem;border-radius:10px;transition:all 0.3s ease;}.trust-item:hover{background:rgba(0,136,255,0.05);transform:translateY(-2px);}.trust-item i{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));}.category-tabs-wrapper{position:relative;z-index:2;margin:4rem 0 3rem 0;padding:0 1rem;display:flex;justify-content:center;width:100%;}.category-tabs-premium{padding:0.75rem;background:rgba(10,14,25,0.6);border-radius:20px;border:1px solid rgba(255,255,255,0.05);backdrop-filter:blur(20px);display:inline-flex;gap:1rem;box-shadow:0 20px 50px rgba(0,0,0,0.3);}.category-pill-premium{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem 1.75rem;padding-right:2rem;background:transparent;border:1px solid transparent;border-radius:14px;color:rgba(255,255,255,0.5);transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);min-width:210px;overflow:hidden;}.category-pill-premium:hover{background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.8);transform:translateY(-2px);}.category-pill-premium.active{background:linear-gradient(135deg,rgba(30,40,60,0.8),rgba(20,25,45,0.9));border-color:rgba(0,136,255,0.3);color:white;box-shadow:0 10px 30px rgba(0,0,0,0.2),inset 0 0 20px rgba(0,136,255,0.05);}.category-pill-premium::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#0088ff,transparent);opacity:0;transform:scaleX(0.5);transition:all 0.4s ease;}.category-pill-premium.active::after{opacity:1;transform:scaleX(1);box-shadow:0 -2px 10px rgba(0,136,255,0.5);}.category-pill-premium::before{display:none;}.pill-icon,.pill-content,.new-badge,.pill-glow{position:relative;z-index:5;pointer-events:none;}.pill-icon{width:44px;height:44px;background:rgba(255,255,255,0.05);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:rgba(255,255,255,0.4);transition:all 0.4s ease;border:1px solid rgba(255,255,255,0.05);z-index:5;}.category-pill-premium:hover .pill-icon{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.9);border-color:rgba(255,255,255,0.1);}.category-pill-premium.active .pill-icon{background:linear-gradient(135deg,#0066cc,#0088ff);color:white;border-color:transparent;box-shadow:0 4px 15px rgba(0,102,204,0.4);transform:scale(1.05);}.pill-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:0.25rem;}.pill-title{font-size:0.95rem;font-weight:700;letter-spacing:0.5px;}.pill-desc{font-size:0.75rem;opacity:0.7;font-weight:500;}.new-badge{position:absolute;top:10px;right:10px;background:rgba(0,136,255,0.15);border:1px solid rgba(0,136,255,0.3);color:#4da6ff;font-size:0.6rem;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:0.5px;text-transform:uppercase;box-shadow:none;z-index:10;}.category-pill-premium.active .new-badge{background:#0088ff;border-color:transparent;color:white;box-shadow:0 0 15px rgba(0,136,255,0.4);}.pill-glow{display:none;}.products-tab-content{position:relative;z-index:2;padding:3rem 0;}.section-bg-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0;opacity:0.6;}.bg-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(0,102,204,0.08),transparent 70%);filter:blur(80px);}.circle-1{width:500px;height:500px;top:-150px;left:-150px;animation:float-circle 25s ease-in-out infinite;}.circle-2{width:400px;height:400px;bottom:-100px;right:-100px;animation:float-circle 20s ease-in-out infinite reverse;}@keyframes float-circle{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(30px,-30px) scale(1.05);}66%{transform:translate(-30px,30px) scale(0.95);}}.bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,136,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,136,255,0.02) 1px,transparent 1px);background-size:60px 60px;opacity:0.4;}@media (max-width:768px){.category-pill-premium{min-width:auto;flex-direction:column;text-align:center;padding:1.5rem 1rem;gap:0.8rem;}.pill-content{align-items:center;}.trust-indicators{flex-direction:column;gap:1rem !important;padding:1.5rem;}.decoration-line{width:60px;}.products-section{padding:3rem 0;}}
.product-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;animation:fadeIn 0.3s ease forwards;transition:opacity 0.3s ease;}@keyframes fadeIn{to{opacity:1;}}.product-modal-modern{background:linear-gradient(135deg,rgba(15,20,35,0.98),rgba(10,15,30,0.98));border-radius:16px;max-width:900px;max-height:85vh;width:100%;display:flex;flex-direction:column;box-shadow:0 25px 50px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05);position:relative;overflow:hidden;transform:translateY(20px);animation:slideUp 0.3s ease forwards;}@keyframes slideUp{to{transform:translateY(0);}}.modal-sticky-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,0.08);background:rgba(10,15,30,0.6);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;}.modal-sticky-header h2{font-size:1.25rem;font-weight:700;color:white;margin:0;letter-spacing:-0.02em;}.modal-close-btn{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;}.modal-close-btn:hover{background:rgba(255,255,255,0.1);color:white;transform:scale(1.05);}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;overflow-y:auto;flex:1;}.modal-image-section{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,0.02);border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,0.05);position:relative;}.modal-image-section img{max-width:100%;height:auto;max-height:400px;object-fit:contain;border-radius:8px;}.duration-badge{position:absolute;top:20px;right:20px;background:#0088ff !important;border:1px solid rgba(255,255,255,0.3) !important;color:#ffffff !important;padding:8px 18px !important;border-radius:100px !important;font-size:0.85rem !important;font-weight:800 !important;display:flex !important;align-items:center !important;gap:8px !important;box-shadow:0 4px 20px rgba(0,136,255,0.6) !important;z-index:999 !important;animation:badge-pulse 2s infinite;}@keyframes badge-pulse{0%{box-shadow:0 0 0 0 rgba(0,136,255,0.4);}70%{box-shadow:0 0 0 10px rgba(0,136,255,0);}100%{box-shadow:0 0 0 0 rgba(0,136,255,0);}}.duration-badge i{font-size:1rem;}.modal-info-section{display:flex;flex-direction:column;gap:1.5rem;}.price-highlight{font-size:3rem;font-weight:800;color:#00b4ff;letter-spacing:-0.03em;line-height:1;}.description-compact{color:rgba(255,255,255,0.8);font-size:0.95rem;line-height:1.6;max-height:4.8em;overflow:hidden;}.feature-chips{display:flex;flex-wrap:wrap;gap:0.5rem;}.feature-chip{background:rgba(0,136,255,0.1);border:1px solid rgba(0,136,255,0.2);color:rgba(255,255,255,0.9);padding:0.5rem 1rem;border-radius:8px;font-size:0.875rem;font-weight:500;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s ease;}.feature-chip:hover{background:rgba(0,136,255,0.15);border-color:rgba(0,136,255,0.3);}.feature-chip i{color:#4da6ff;font-size:0.875rem;}.meta-info{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.08);}.meta-info span{color:rgba(255,255,255,0.5);font-size:0.875rem;}.stock-badge{background:rgba(0,255,136,0.1);border:1px solid rgba(0,255,136,0.3);color:#00ff88;padding:0.25rem 0.75rem;border-radius:6px;font-weight:600;}.modal-sticky-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,0.08);background:rgba(10,15,30,0.8);backdrop-filter:blur(10px);position:sticky;bottom:0;z-index:10;}.btn-add-to-cart-primary{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#0066cc,#0088ff);border:none;border-radius:10px;color:white;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:0.75rem;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 15px rgba(0,102,204,0.3);}.btn-add-to-cart-primary:hover{transform:scale(1.02);box-shadow:0 6px 20px rgba(0,102,204,0.4);}.btn-add-to-cart-primary:active{transform:scale(0.98);}.btn-add-to-cart-primary i{font-size:1.1rem;}@media (max-width:991px){.modal-grid{grid-template-columns:40% 60%;}.modal-image-section img{max-height:300px;}}@media (max-width:767px){.product-modal-modern{max-height:95vh;border-radius:16px 16px 0 0;}.modal-grid{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;}.modal-image-section{padding:1.5rem;}.modal-image-section img{max-height:250px;}.price-highlight{font-size:2.5rem;}.modal-sticky-header,.modal-sticky-footer{padding:1rem 1.5rem;}.btn-add-to-cart-primary{padding:1.25rem 2rem;font-size:1.1rem;}}
.btn-skeleton{width:100%;height:56px;background:linear-gradient(90deg,rgba(255,255,255,0.05) 25%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.05) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:10px;}@keyframes shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.modal-gallery-thumbs{display:flex;gap:0.5rem;margin-top:1rem;justify-content:center;flex-wrap:wrap;}.gallery-thumb{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all 0.2s ease;opacity:0.6;}.gallery-thumb:hover{opacity:1;border-color:rgba(0,136,255,0.3);}.gallery-thumb.active{opacity:1;border-color:#0088ff;box-shadow:0 0 10px rgba(0,136,255,0.4);}.social-proof-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.08);}.sales-stats{display:flex;align-items:center;gap:10px;padding:14px 16px;background:rgba(0,136,255,0.1);border-radius:10px;margin-bottom:12px;}.sales-stats i{color:#0088ff;font-size:1.1rem;}.sales-stats span{color:rgba(255,255,255,0.8);font-size:0.9rem;line-height:1.4;}.sales-stats strong{color:white;font-weight:700;}.why-section{margin-top:1rem;}.why-title{color:white;font-size:0.9rem;font-weight:600;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem;}.why-title i{color:#0088ff;}.why-list{display:flex;flex-direction:column;gap:0.5rem;}.why-item{display:flex;align-items:center;gap:0.75rem;padding:0.5rem;background:rgba(255,255,255,0.02);border-radius:8px;}.why-item i{color:#00ff88;font-size:0.9rem;}.why-item span{color:rgba(255,255,255,0.7);font-size:0.85rem;}
.modal-backdrop.show{backdrop-filter:blur(10px);background-color:rgba(0,0,0,0.7);}#productModal .modal-dialog{animation:modalZoomIn 0.4s cubic-bezier(0.34,1.56,0.64,1);}@keyframes modalZoomIn{from{opacity:0;transform:scale(0.7) translateY(-100px);}to{opacity:1;transform:scale(1) translateY(0);}}#productModal .modal-content{background:linear-gradient(145deg,#1a1f2e 0%,#252b3d 50%,#1e2433 100%);border:2px solid rgba(0,168,255,0.3);border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,0.6),0 0 100px rgba(0,168,255,0.2),inset 0 1px 0 rgba(255,255,255,0.1);overflow:hidden;position:relative;}#productModal .modal-content::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00a8ff 20%,#00d2ff 50%,#00a8ff 80%,transparent);animation:shimmer 3s linear infinite;}@keyframes shimmer{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}#productModal .modal-header{border-bottom:1px solid rgba(0,168,255,0.2);padding:1.75rem 2rem;background:linear-gradient(135deg,rgba(0,168,255,0.15) 0%,rgba(0,210,255,0.08) 100%);position:relative;}#productModal .modal-header::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,168,255,0.6),transparent);}#productModal .modal-title{color:#fff;font-weight:700;font-size:1.75rem;text-shadow:0 2px 10px rgba(0,168,255,0.4),0 0 30px rgba(0,168,255,0.2);letter-spacing:0.5px;}#productModal .btn-close{filter:invert(1) brightness(1.5);opacity:0.7;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);background-size:60%;}#productModal .btn-close:hover{opacity:1;transform:rotate(90deg) scale(1.1);filter:invert(1) brightness(2) drop-shadow(0 0 10px rgba(0,168,255,0.8));}#productModal .modal-body{padding:2.5rem;background:linear-gradient(180deg,rgba(0,0,0,0.1) 0%,transparent 100%);}.modal-gallery-main{width:100%;height:450px;object-fit:cover;border-radius:16px;margin-bottom:1.5rem;box-shadow:0 15px 40px rgba(0,0,0,0.4),0 0 60px rgba(0,168,255,0.15);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);animation:imageReveal 0.6s ease;border:1px solid rgba(0,168,255,0.2);}@keyframes imageReveal{from{opacity:0;transform:scale(0.95) translateY(20px);filter:blur(10px);}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0);}}.modal-gallery-main:hover{transform:scale(1.03);box-shadow:0 20px 50px rgba(0,0,0,0.5),0 0 80px rgba(0,168,255,0.3);border-color:rgba(0,168,255,0.5);}.modal-gallery-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1rem;animation:thumbsAppear 0.8s ease 0.3s both;}@keyframes thumbsAppear{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.gallery-thumb{width:100%;height:90px;object-fit:cover;border-radius:12px;cursor:pointer;border:3px solid rgba(255,255,255,0.1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;}.gallery-thumb::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,168,255,0.4) 0%,rgba(0,210,255,0.2) 100%);opacity:0;transition:opacity 0.3s ease;}.gallery-thumb::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,168,255,0.3) 100%);opacity:0;transition:opacity 0.3s ease;}.gallery-thumb:hover::before,.gallery-thumb:hover::after{opacity:1;}.gallery-thumb:hover{border-color:rgba(0,168,255,0.6);transform:translateY(-8px) scale(1.08);box-shadow:0 15px 30px rgba(0,168,255,0.3),0 0 40px rgba(0,168,255,0.2);}.gallery-thumb.active{border-color:#00a8ff;box-shadow:0 0 30px rgba(0,168,255,0.7),0 8px 20px rgba(0,168,255,0.4);transform:scale(1.05);}.modal-product-price{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#00a8ff 0%,#00d2ff 50%,#00f5ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;text-shadow:0 0 40px rgba(0,168,255,0.6);animation:priceGlow 3s ease-in-out infinite,fadeInUp 0.6s ease 0.2s both;letter-spacing:-1px;position:relative;}.modal-product-price::after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(0,168,255,0.6) 50%,transparent);border-radius:2px;}@keyframes priceGlow{0%,100%{filter:drop-shadow(0 0 15px rgba(0,168,255,0.5));}50%{filter:drop-shadow(0 0 30px rgba(0,168,255,0.9));}}.modal-product-duration{color:rgba(255,255,255,0.8);font-size:1.3rem;margin-bottom:2rem;display:inline-flex;align-items:center;gap:0.75rem;padding:0.75rem 1.5rem;background:rgba(0,168,255,0.1);border:1px solid rgba(0,168,255,0.3);border-radius:50px;animation:fadeInUp 0.6s ease 0.3s both;}.modal-product-duration i{color:#00a8ff;font-size:1.5rem;animation:pulse 2s ease-in-out infinite;}@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.modal-product-description{color:rgba(255,255,255,0.85);line-height:1.9;margin-bottom:2rem;padding:1.5rem;background:rgba(0,168,255,0.05);border-left:4px solid rgba(0,168,255,0.5);border-radius:8px;animation:fadeInUp 0.6s ease 0.4s both;}.modal-features-list{list-style:none;padding:0;animation:fadeInUp 0.6s ease 0.5s both;}.modal-features-list li{color:rgba(255,255,255,0.9);padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,0.05);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;}.modal-features-list li::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(0,168,255,0.2),transparent);transition:width 0.3s ease;}.modal-features-list li:hover::before{width:100%;}.modal-features-list li:hover{padding-left:1.75rem;background:rgba(0,168,255,0.08);border-radius:12px;border-bottom-color:rgba(0,168,255,0.2);}.modal-features-list li i{color:#00a8ff;font-size:1.2rem;transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);}.modal-features-list li:hover i{transform:scale(1.3) rotate(360deg);filter:drop-shadow(0 0 10px rgba(0,168,255,0.8));}#productModal .btn-primary{background:linear-gradient(135deg,#00a8ff 0%,#00d2ff 100%);border:none;border-radius:16px;padding:1.25rem 2.5rem;font-size:1.2rem;font-weight:700;color:#0a0e27;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;animation:fadeInUp 0.6s ease 0.7s both;box-shadow:0 10px 30px rgba(0,168,255,0.3),inset 0 1px 0 rgba(255,255,255,0.3);}#productModal .btn-primary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.4);transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease;}#productModal .btn-primary:hover::before{width:400px;height:400px;}#productModal .btn-primary::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,0.2) 50%,transparent 100%);transform:translateX(-100%);transition:transform 0.6s ease;}#productModal .btn-primary:hover::after{transform:translateX(100%);}#productModal .btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 50px rgba(0,168,255,0.5),0 0 60px rgba(0,168,255,0.4),inset 0 1px 0 rgba(255,255,255,0.5);}#productModal .btn-primary:active{transform:translateY(-2px) scale(0.98);}#productModal .btn-primary i{transition:transform 0.3s ease;}#productModal .btn-primary:hover i{transform:scale(1.2);}.badge{animation:badgeFloat 3s ease-in-out infinite;box-shadow:0 4px 15px rgba(0,0,0,0.3);}@keyframes badgeFloat{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-5px) scale(1.05);}}@media (max-width:768px){#productModal .modal-body{padding:1.5rem;}.modal-gallery-main{height:300px;}.modal-product-price{font-size:2.5rem;}.gallery-thumb{height:70px;}}
.scrollytelling-section{padding:100px 0;background:linear-gradient(180deg,#0a0e27 0%,#1a1f2e 50%,#0a0e27 100%);position:relative;overflow:hidden;}.scrollytelling-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(0,168,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,210,255,0.1) 0%,transparent 50%);pointer-events:none;}.scrollytelling-header{margin-bottom:100px;opacity:0;transform:translateY(50px);animation:fadeInUp 1s ease forwards;}@keyframes fadeInUp{to{opacity:1;transform:translateY(0);}}.scroll-story{min-height:100vh;display:flex;align-items:center;padding:80px 0;position:relative;opacity:0;transition:opacity 0.6s ease;}.scroll-story.active{opacity:1;}.scroll-story:not(:last-child){border-bottom:1px solid rgba(0,168,255,0.1);}.story-content{padding:40px;opacity:0;transform:translateX(-100px);transition:all 0.8s cubic-bezier(0.4,0,0.2,1);}.story-content[data-scroll-reveal="right"]{transform:translateX(100px);}.scroll-story.active .story-content{opacity:1;transform:translateX(0);}.story-badge{display:inline-block;width:60px;height:60px;background:linear-gradient(135deg,#00a8ff,#00d2ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#0a0e27;margin-bottom:2rem;box-shadow:0 10px 30px rgba(0,168,255,0.4);animation:badgeFloat 3s ease-in-out infinite;}@keyframes badgeFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}.story-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff 0%,#00a8ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;}.story-description{font-size:1.2rem;color:rgba(255,255,255,0.8);line-height:1.8;margin-bottom:2rem;}.story-features{list-style:none;padding:0;margin-bottom:2.5rem;}.story-features li{font-size:1.1rem;color:rgba(255,255,255,0.9);padding:1rem 0;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,0.05);transition:all 0.3s ease;}.story-features li:hover{padding-left:1rem;border-bottom-color:rgba(0,168,255,0.3);}.story-features li i{color:#00a8ff;font-size:1.3rem;width:30px;text-align:center;transition:transform 0.3s ease;}.story-features li:hover i{transform:scale(1.2) rotate(360deg);}.story-cta{display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#00a8ff,#00d2ff);color:#0a0e27;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.1rem;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 10px 30px rgba(0,168,255,0.3);position:relative;overflow:hidden;}.story-cta::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s;}.story-cta:hover::before{width:300px;height:300px;}.story-cta:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 20px 50px rgba(0,168,255,0.5);color:#0a0e27;}.story-cta i{transition:transform 0.3s ease;}.story-cta:hover i{transform:translateX(5px);}.story-visual{padding:40px;opacity:0;transform:translateX(100px);transition:all 0.8s cubic-bezier(0.4,0,0.2,1) 0.2s;}.story-visual[data-scroll-reveal="left"]{transform:translateX(-100px);}.scroll-story.active .story-visual{opacity:1;transform:translateX(0);}.visual-wrapper{position:relative;perspective:1000px;}.visual-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(0,168,255,0.3) 0%,transparent 70%);filter:blur(60px);animation:glowPulse 4s ease-in-out infinite;z-index:0;}@keyframes glowPulse{0%,100%{opacity:0.5;transform:translate(-50%,-50%) scale(1);}50%{opacity:0.8;transform:translate(-50%,-50%) scale(1.1);}}.story-image{width:100%;height:auto;border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,0.4),0 0 100px rgba(0,168,255,0.2);transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:1;border:2px solid rgba(0,168,255,0.3);}.scroll-story.active .story-image{animation:imageFloat 6s ease-in-out infinite;}@keyframes imageFloat{0%,100%{transform:translateY(0) rotateY(0deg);}25%{transform:translateY(-20px) rotateY(5deg);}50%{transform:translateY(0) rotateY(0deg);}75%{transform:translateY(-20px) rotateY(-5deg);}}.visual-wrapper:hover .story-image{transform:scale(1.05) rotateY(10deg);}.visual-stats{position:absolute;bottom:30px;right:30px;display:flex;gap:1.5rem;z-index:2;}.stat-item{background:rgba(10,14,39,0.9);backdrop-filter:blur(10px);border:1px solid rgba(0,168,255,0.3);border-radius:16px;padding:1.5rem;text-align:center;min-width:100px;box-shadow:0 10px 30px rgba(0,0,0,0.3);transition:all 0.3s ease;}.stat-item:hover{transform:translateY(-5px);border-color:rgba(0,168,255,0.6);box-shadow:0 15px 40px rgba(0,168,255,0.3);}.stat-value{display:block;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#00a8ff,#00d2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.5rem;}.stat-value::after{content:'%';font-size:1.5rem;}.stat-label{display:block;font-size:0.9rem;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:1px;}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(0,168,255,0.1);z-index:9999;}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,#00a8ff,#00d2ff);width:0%;transition:width 0.1s ease;box-shadow:0 0 20px rgba(0,168,255,0.6);}@media (max-width:991px){.story-title{font-size:2rem;}.story-content,.story-visual{padding:20px;}.scroll-story{min-height:auto;padding:60px 0;}.visual-stats{position:static;justify-content:center;margin-top:2rem;}.story-visual[data-scroll-reveal="left"],.story-content[data-scroll-reveal="right"]{transform:translateY(50px);}.scroll-story.active .story-visual[data-scroll-reveal="left"],.scroll-story.active .story-content[data-scroll-reveal="right"]{transform:translateY(0);}}.rgb-text{background:linear-gradient(45deg,#ff0000,#ff7f00,#ffff00,#00ff00,#0000ff,#4b0082,#9400d3,#ff0000);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rgbTextAnim 5s linear infinite !important;}@keyframes rgbTextAnim{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.colorful-bg{position:relative;z-index:1;overflow:hidden;}.colorful-bg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(-45deg,#ff0080,#7928ca,#0070f3,#00dfd8);background-size:400% 400%;animation:gradientBG 8s ease infinite;opacity:0.25;z-index:-1;pointer-events:none;}@keyframes gradientBG{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.emoji-rain-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;}.emoji-raindrop{position:absolute;top:-50px;user-select:none;animation:emojiRainFall linear forwards;will-change:transform;}@keyframes emojiRainFall{to{transform:translateY(110vh) rotate(360deg);}}
.requirements-section{padding:100px 0;background:linear-gradient(180deg,#0a0e27 0%,#1a1f2e 50%,#0a0e27 100%);position:relative;overflow:hidden;}.requirements-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(0,168,255,0.15) 0%,transparent 60%),radial-gradient(circle at 70% 60%,rgba(0,210,255,0.15) 0%,transparent 60%);pointer-events:none;}.requirements-section .container{position:relative;z-index:1;}.requirement-card{background:linear-gradient(145deg,#1a1f2e 0%,#252b3d 50%,#1e2433 100%);border:2px solid rgba(0,168,255,0.2);border-radius:24px;padding:3rem;height:100%;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 60px rgba(0,168,255,0.1);}.requirement-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(0,168,255,0.5) 50%,transparent);}.requirement-card:hover{transform:translateY(-10px);border-color:rgba(0,168,255,0.5);box-shadow:0 30px 60px rgba(0,0,0,0.4),0 0 100px rgba(0,168,255,0.3);}.requirement-card.recommended{border-color:rgba(255,215,0,0.3);}.requirement-card.recommended::before{background:linear-gradient(90deg,transparent,rgba(255,215,0,0.6) 50%,transparent);}.requirement-card.recommended:hover{border-color:rgba(255,215,0,0.6);box-shadow:0 30px 60px rgba(0,0,0,0.4),0 0 100px rgba(255,215,0,0.3);}.requirement-badge{width:80px;height:80px;background:linear-gradient(135deg,#00a8ff,#00d2ff);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;box-shadow:0 10px 30px rgba(0,168,255,0.4);animation:badgeFloat 3s ease-in-out infinite;}.requirement-card.recommended .requirement-badge{background:linear-gradient(135deg,#ffd700,#ffed4e);box-shadow:0 10px 30px rgba(255,215,0,0.4);}.requirement-badge i{font-size:2rem;color:#0a0e27;}.requirement-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:2rem;background:linear-gradient(135deg,#fff 0%,#00a8ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.requirement-card.recommended .requirement-title{background:linear-gradient(135deg,#fff 0%,#ffd700 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.requirement-list{display:flex;flex-direction:column;gap:1.5rem;}.requirement-item{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:rgba(0,168,255,0.05);border:1px solid rgba(0,168,255,0.1);border-radius:16px;transition:all 0.3s ease;position:relative;overflow:hidden;}.requirement-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(0,168,255,0.2),transparent);transition:width 0.3s ease;}.requirement-item:hover::before{width:100%;}.requirement-item:hover{background:rgba(0,168,255,0.1);border-color:rgba(0,168,255,0.3);transform:translateX(10px);}.requirement-card.recommended .requirement-item{background:rgba(255,215,0,0.05);border-color:rgba(255,215,0,0.1);}.requirement-card.recommended .requirement-item::before{background:linear-gradient(90deg,rgba(255,215,0,0.2),transparent);}.requirement-card.recommended .requirement-item:hover{background:rgba(255,215,0,0.1);border-color:rgba(255,215,0,0.3);}.req-icon{width:50px;height:50px;background:linear-gradient(135deg,rgba(0,168,255,0.2),rgba(0,210,255,0.1));border:1px solid rgba(0,168,255,0.3);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s ease;}.requirement-item:hover .req-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,rgba(0,168,255,0.3),rgba(0,210,255,0.2));border-color:rgba(0,168,255,0.5);}.requirement-card.recommended .req-icon{background:linear-gradient(135deg,rgba(255,215,0,0.2),rgba(255,237,78,0.1));border-color:rgba(255,215,0,0.3);}.requirement-card.recommended .requirement-item:hover .req-icon{background:linear-gradient(135deg,rgba(255,215,0,0.3),rgba(255,237,78,0.2));border-color:rgba(255,215,0,0.5);}.req-icon i{font-size:1.5rem;color:#00a8ff;}.requirement-card.recommended .req-icon i{color:#ffd700;}.req-content h5{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:0.5rem;}.req-content p{font-size:1rem;color:rgba(255,255,255,0.7);margin:0;}.recommended-badge{margin-top:2rem;padding:1rem 2rem;background:linear-gradient(135deg,rgba(255,215,0,0.2),rgba(255,237,78,0.1));border:2px solid rgba(255,215,0,0.4);border-radius:50px;text-align:center;font-weight:700;font-size:1.1rem;color:#ffd700;animation:badgePulse 2s ease-in-out infinite;}@keyframes badgePulse{0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(255,215,0,0.3);}50%{transform:scale(1.02);box-shadow:0 0 30px rgba(255,215,0,0.5);}}@media (max-width:991px){.requirement-card{padding:2rem;margin-bottom:2rem;}.requirement-title{font-size:1.5rem;}.requirement-item{padding:1rem;}}