.installation-hero{position:relative;background:linear-gradient(145deg,#0A1929,#132F4C,#1A2F4F);color:var(--white);padding:var(--space-3xl) 0;overflow:hidden;min-height:90vh;display:flex;align-items:center}.installation-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgb(0 201 183 / .2) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgb(255 107 157 / .2) 0%,transparent 45%),radial-gradient(circle at 40% 80%,rgb(157 78 221 / .2) 0%,transparent 50%);z-index:1;pointer-events:none;animation:pulse-glow 8s ease infinite}.installation-hero-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:10}.installation-hero-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:800;line-height:1.1;margin-bottom:var(--space-md);animation:slide-in-up 0.8s ease}.installation-hero-subtitle{font-size:1.25rem;color:rgb(255 255 255 / .9);margin-bottom:var(--space-lg);max-width:700px;margin-left:auto;margin-right:auto;animation:slide-in-up 0.8s ease 0.2s both}.installation-stats{display:flex;gap:var(--space-xl);margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:center;animation:slide-in-up 0.8s ease 0.4s both}.installation-contact{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap;justify-content:center}.installation-contact .contact-link{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgb(255 255 255 / .05);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:40px;border:1px solid rgb(255 255 255 / .1);transition:all 0.3s ease;color:#fff;text-decoration:none}.installation-contact .contact-link:hover{background:var(--gradient-1);transform:translateY(-3px);box-shadow:0 10px 20px rgb(0 201 183 / .3)}.installation-contact i{color:var(--accent-teal);font-size:1.1rem}.installation-contact .contact-link:hover i{color:#fff}.quick-start{padding:80px 0;background:var(--white)}.quick-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.quick-step-card{background:var(--white);border-radius:24px;padding:30px 25px;box-shadow:0 20px 40px rgb(0 0 0 / .05);transition:all 0.3s ease;position:relative;border:1px solid var(--gray-100);text-align:center}.quick-step-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgb(0 201 183 / .1);border-color:var(--accent-teal)}.step-number{position:absolute;top:-15px;left:-15px;width:50px;height:50px;background:var(--gradient-1);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 10px 20px rgb(0 201 183 / .3)}.step-icon{font-size:2.5rem;margin-bottom:20px;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0}.quick-step-card h3{font-size:1.2rem;margin-bottom:15px;color:var(--primary-deep)}.quick-step-card p{font-size:.9rem;color:var(--gray-500);line-height:1.6}.quick-step-card a{color:var(--accent-teal);font-weight:600;text-decoration:none}.quick-step-card a:hover{text-decoration:underline}.device-tabs-section{padding:60px 0 0;background:var(--white)}.device-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:40px 0 20px}.device-tab{padding:12px 20px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:40px;font-size:.95rem;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:8px}.device-tab i{font-size:1.1rem}.device-tab:hover{background:var(--gradient-1);color:#fff;border-color:#fff0;transform:translateY(-2px);box-shadow:0 10px 20px rgb(0 201 183 / .2)}.device-tab.active{background:var(--gradient-1);color:#fff;border-color:#fff0;box-shadow:0 10px 20px rgb(0 201 183 / .3)}.device-guides{padding:40px 0 80px;background:var(--white)}.device-guide{display:none;max-width:900px;margin:0 auto}.device-guide.active{display:block;animation:fadeIn 0.5s ease}.guide-header{text-align:center;margin-bottom:40px}.guide-icon{width:80px;height:80px;background:var(--gradient-1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2.5rem;color:#fff;box-shadow:0 15px 30px rgb(0 201 183 / .3)}.guide-header h2{font-size:2rem;margin-bottom:10px;color:var(--primary-deep)}.guide-header p{font-size:1rem;color:var(--gray-500)}.guide-steps{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.guide-step{display:flex;gap:20px;background:var(--gray-50);border-radius:16px;padding:20px;border-left:4px solid var(--accent-teal);transition:all 0.3s ease}.guide-step:hover{transform:translateX(10px);box-shadow:0 10px 30px rgb(0 0 0 / .05)}.step-marker{width:40px;height:40px;background:var(--gradient-1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;flex-shrink:0}.step-content{flex:1}.step-content h4{font-size:1.1rem;margin-bottom:8px;color:var(--primary-deep)}.step-content p{font-size:.95rem;color:var(--gray-600);line-height:1.6}.code-snippet{background:var(--primary-deep);color:var(--accent-teal);padding:4px 8px;border-radius:8px;font-family:monospace;font-size:.9rem}.tip-box{background:rgb(0 201 183 / .1);border-left:4px solid var(--accent-teal);border-radius:12px;padding:15px 20px;margin:20px 0;display:flex;gap:15px;align-items:flex-start}.tip-box i{font-size:1.5rem;color:var(--accent-teal);flex-shrink:0}.tip-box p{font-size:.95rem;color:var(--gray-600);margin:0}.pro-tip{background:linear-gradient(135deg,rgb(0 201 183 / .1),rgb(157 78 221 / .1));border-radius:16px;padding:25px;margin-top:30px;display:flex;gap:20px;align-items:center;border:1px solid rgb(0 201 183 / .3)}.pro-tip i{font-size:2.5rem;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0}.pro-tip h4{font-size:1.2rem;margin-bottom:5px;color:var(--primary-deep)}.pro-tip p{font-size:.95rem;color:var(--gray-600)}.recommended-players{padding:80px 0;background:linear-gradient(145deg,var(--off-white),var(--white))}.players-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.player-card{background:var(--white);border-radius:20px;padding:30px 20px;text-align:center;box-shadow:0 10px 30px rgb(0 0 0 / .05);transition:all 0.3s ease;border:1px solid var(--gray-100)}.player-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgb(0 201 183 / .1);border-color:var(--accent-teal)}.player-icon{width:70px;height:70px;background:var(--gradient-1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;color:#fff;box-shadow:0 10px 20px rgb(0 201 183 / .3)}.player-card h3{font-size:1.2rem;margin-bottom:5px;color:var(--primary-deep)}.player-device{font-size:.85rem;color:var(--accent-teal);margin-bottom:15px}.player-card ul{list-style:none;text-align:left}.player-card ul li{margin-bottom:8px;font-size:.9rem;color:var(--gray-600);display:flex;align-items:center;gap:8px}.player-card ul li i{color:var(--success);font-size:.9rem}.troubleshooting{padding:80px 0;background:var(--white)}.issues-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:40px 0}.issue-card{background:var(--white);border-radius:20px;padding:30px 20px;box-shadow:0 10px 30px rgb(0 0 0 / .05);border:1px solid var(--gray-100);transition:all 0.3s ease}.issue-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgb(0 201 183 / .1);border-color:var(--accent-teal)}.issue-icon{width:60px;height:60px;background:rgb(255 107 157 / .1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.8rem;color:var(--accent-pink)}.issue-card h3{font-size:1.1rem;margin-bottom:15px;color:var(--primary-deep)}.issue-card ul{list-style:none}.issue-card ul li{margin-bottom:8px;font-size:.85rem;color:var(--gray-600);display:flex;align-items:center;gap:6px}.issue-card ul li i{color:var(--success);font-size:.8rem}.support-block{text-align:center;margin-top:40px;padding:40px;background:linear-gradient(145deg,var(--primary-deep),var(--primary-navy));border-radius:30px;color:#fff}.support-block h3{font-size:1.8rem;margin-bottom:10px;color:#fff}.support-block p{font-size:1rem;margin-bottom:25px;opacity:.9}.installation-faq{padding:80px 0;background:linear-gradient(145deg,var(--off-white),var(--white))}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quick-step-card{animation:slideInUp 0.6s ease backwards}.quick-step-card:nth-child(1){animation-delay:0.1s}.quick-step-card:nth-child(2){animation-delay:0.2s}.quick-step-card:nth-child(3){animation-delay:0.3s}.quick-step-card:nth-child(4){animation-delay:0.4s}.player-card{animation:slideInUp 0.6s ease backwards}.player-card:nth-child(1){animation-delay:0.1s}.player-card:nth-child(2){animation-delay:0.2s}.player-card:nth-child(3){animation-delay:0.3s}.player-card:nth-child(4){animation-delay:0.4s}.issue-card{animation:slideInUp 0.6s ease backwards}.issue-card:nth-child(1){animation-delay:0.1s}.issue-card:nth-child(2){animation-delay:0.2s}.issue-card:nth-child(3){animation-delay:0.3s}.issue-card:nth-child(4){animation-delay:0.4s}@media (max-width:1024px){.quick-steps-grid,.players-grid,.issues-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.quick-steps-grid,.players-grid,.issues-grid{grid-template-columns:1fr}.installation-stats{gap:var(--space-md)}.installation-hero-title{font-size:2.2rem}.installation-hero-subtitle{font-size:1rem}.device-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:15px;-webkit-overflow-scrolling:touch}.device-tab{flex:0 0 auto}.guide-step{flex-direction:column;gap:10px}.step-marker{width:35px;height:35px;font-size:1rem}.pro-tip{flex-direction:column;text-align:center}.installation-contact{flex-direction:column;align-items:center}.installation-contact .contact-link{width:100%;justify-content:center}.tip-box{flex-direction:column;text-align:center}}@media (max-width:480px){.guide-header h2{font-size:1.5rem}.support-block h3{font-size:1.4rem}}.installation-faq .faq-item{background:var(--white);border-radius:var(--radius-lg);margin-bottom:var(--space-sm);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal);border:1px solid var(--gray-100)}.installation-faq .faq-question{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--white);cursor:pointer;transition:all var(--transition-fast);font-weight:600;color:var(--primary-deep);border:none;position:relative}.installation-faq .faq-question i:first-child{font-size:1.25rem;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;min-width:30px;text-align:center}.installation-faq .faq-question span{flex:1;text-align:left;padding-right:40px}.installation-faq .faq-question .arrow{position:absolute;right:var(--space-lg);top:50%;transform:translateY(-50%);transition:transform var(--transition-bounce)}.installation-faq .faq-question .arrow i{color:var(--accent-teal);font-size:1rem}.installation-faq .faq-question[aria-expanded="true"] .arrow{transform:translateY(-50%) rotate(180deg)}.installation-faq .faq-answer{max-height:0;padding:0 var(--space-lg);background:var(--gray-50);overflow:hidden;transition:max-height 0.4s ease,padding 0.3s ease}.installation-faq .faq-answer[aria-hidden="false"]{max-height:300px;padding:var(--space-md) var(--space-lg)}.installation-faq .faq-answer p{color:var(--gray-600);line-height:1.8}