:root {--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-card: #ffffff;--text-primary: #1d1d1f;--text-secondary: #86868b;--text-accent: #007AFF;--accent-blue: #007AFF;--accent-green: #34C759;--accent-orange: #FF9500;--accent-purple: #AF52DE;--border-color: transparent;--border-radius: 20px;--shadow: 0 8px 30px rgba(0, 0, 0, 0.06);--shadow-hover: 0 20px 50px rgba(0, 0, 0, 0.12);--shadow-large: 0 30px 80px rgba(0, 0, 0, 0.15);--transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);--transition-slow: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);}* {margin: 0;padding: 0;box-sizing: border-box;user-select: none;}html {scroll-behavior: smooth;}body {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height: 1.6;color: var(--text-primary);background: var(--bg-primary);overflow-x: hidden;font-size: 16px;font-weight: 200;}.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}.navbar {position: fixed;top: 0;width: 100%;background: rgba(255, 255, 255, 0.5);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);z-index: 1000;padding: 1.2rem 0;border-bottom: 1px solid var(--border-color);transition: var(--transition);}.navbar.scrolled {background: rgba(255, 255, 255, 0.5);box-shadow: var(--shadow);padding: 1rem 0;}.nav-container {max-width: 1200px;margin: 0 auto;padding: 0 20px;display: flex;justify-content: space-between;align-items: center;}.nav-logo a {color: var(--text-primary);font-size: 2rem;font-weight: 900;font-style: italic;line-height: 1;text-decoration: none;background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: var(--transition);letter-spacing: -0.5px;outline: none;}.nav-menu {display: flex;list-style: none;gap: 3rem;}.nav-menu a {color: var(--text-secondary);text-decoration: none;font-weight: 100;transition: var(--transition);position: relative;font-size: 1rem;letter-spacing: -0.2px;}.nav-menu a:hover {color: var(--text-primary);}.nav-menu a::after {content: '';position: absolute;bottom: -10px;left: 0;width: 0;height: 1px;background: linear-gradient(90deg, var(--accent-blue), var(--accent-purple));transition: var(--transition-slow);}.nav-menu a:hover::after {width: 100%;}.btn-contact {color: var(--accent-blue);text-decoration: none;font-weight: 600;background: transparent;padding: 12px 24px;border-radius: 14px;transition: var(--transition);border: 2px solid var(--accent-blue);font-size: 1rem;letter-spacing: -0.2px;line-height: 1;}.btn-contact:hover {background: var(--accent-blue);color: white;transform: translateY(-3px);box-shadow: var(--shadow);}.btn-contact svg {height: 21px;vertical-align: middle;fill: var(--accent-blue);transition: var(--transition);}.btn-contact:hover svg {fill: var(--bg-primary);}.hero {min-height: 100vh;position: relative;display: flex;align-items: center;padding: 120px 0 80px;overflow: hidden;}.hero-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}.hero-video video {width: 100%;height: 100%;object-fit: cover;}.video-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient( 180deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 1) 100% );}.hero-content {display: grid;grid-template-columns: 1.2fr 0.8fr;gap: 5rem;align-items: center;position: relative;z-index: 2;}.hero-title {font-size: 4rem;font-weight: 800;margin-bottom: 2rem;line-height: 1.05;background: linear-gradient(135deg, var(--text-primary) 0%, var(--accent-blue) 50%, var(--accent-purple) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 200%;animation: gradientShift 12s ease infinite;letter-spacing: -1.5px;}@keyframes gradientShift {0%, 100% {background-position: 0% 50%;}50% {background-position: 100% 50%;}}.hero-subtitle {font-size: 1.4rem;margin-bottom: 3rem;color: var(--text-secondary);line-height: 1.5;letter-spacing: -0.3px;}.btn {display: inline-flex;align-items: center;justify-content: center;padding: 18px 36px;border-radius: 16px;text-decoration: none;font-weight: 600;transition: var(--transition);border: none;cursor: pointer;font-size: 1.1rem;text-align: center;gap: 10px;position: relative;overflow: hidden;letter-spacing: -0.2px;}.btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition: var(--transition-slow);}.btn:hover::before {left: 100%;}.btn-primary {background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color: white;box-shadow: var(--shadow);}.btn-primary:hover {box-shadow: var(--shadow-hover);}.btn-secondary {background: transparent;color: var(--text-primary);border: 2px solid var(--text-primary);backdrop-filter: blur(20px);}.btn-secondary:hover {border-color: var(--accent-blue);color: var(--accent-blue);box-shadow: var(--shadow);}.hero-buttons {display: flex;gap: 1.5rem;flex-wrap: wrap;}.hero-scroll {position: absolute;bottom: 3rem;left: 50%;transform: translateX(-50%);z-index: 2;}.scroll-indicator {width: 3px;height: 50px;background: linear-gradient(180deg, var(--accent-blue), transparent);border-radius: 3px;animation: scrollBounce 3s ease-in-out infinite;}@keyframes scrollBounce {0%, 100% {transform: translateY(0);opacity: 1;}50% {transform: translateY(15px);opacity: 0.3;}}.features, .pricing, .router-section, .faq {padding: 8rem 0;}.section-title {font-size: 3.2rem;font-weight: 800;text-align: center;margin-bottom: 1.5rem;background: linear-gradient(135deg, var(--text-primary), var(--accent-blue));-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: -1px;}.section-subtitle {text-align: center;color: var(--text-secondary);font-size: 1.3rem;margin-bottom: 4rem;max-width: 600px;margin-left: auto;margin-right: auto;line-height: 1.5;letter-spacing: -0.3px;}.features-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2.5rem;margin-top: 4rem;}.feature-card {background: var(--bg-card);padding: 4rem 3rem;border-radius: var(--border-radius);text-align: center;transition: var(--transition);border: 1px solid var(--border-color);box-shadow: var(--shadow);position: relative;overflow: hidden;}@keyframes highlightPulse {0%, 100% {opacity: 0.1;}50% {opacity: 0.2;}}.feature-card:hover {border-color: var(--accent-blue);box-shadow: var(--shadow-hover);}.feature-icon {margin: 0 auto 2rem;display: block;background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: var(--transition);filter: drop-shadow(0 4px 8px rgba(0, 122, 255, 0.2));}.feature-icon svg {height: 4rem;}.feature-card:hover .feature-icon {transform: scale(10) rotate(5deg) translateY(10px);opacity: 0.2;filter: drop-shadow(0 8px 16px rgba(0, 122, 255, 0.3));}.feature-card h3 {font-size: 1.6rem;margin-bottom: 1.5rem;font-weight: 700;color: var(--text-primary);letter-spacing: -0.3px;}.feature-card p {color: var(--text-secondary);line-height: 1.6;font-size: 1.05rem;letter-spacing: -0.2px;}.how-it-works {padding: 6rem 0;background: var(--bg-secondary);}.works-tabs {margin-top: 4rem;}.tab-buttons {display: flex;justify-content: center;gap: 1rem;margin-bottom: 3rem;}.tab-button {padding: 1rem 2rem;background: var(--bg-card);border: 2px solid var(--accent-blue);border-radius: var(--border-radius);font-weight: 600;cursor: pointer;transition: var(--transition);color: var(--accent-blue);}.tab-button.active, .tab-button:hover {background-color: var(--accent-blue);color: var(--bg-primary);box-shadow: var(--shadow);}.tab-content {position: relative;}.tab-pane {display: none;}.tab-pane.active {display: block;}.steps-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem;}.step-card {background: var(--bg-card);padding: 3rem 2rem;border-radius: var(--border-radius);text-align: center;border: 1px solid var(--border-color);box-shadow: var(--shadow);transition: var(--transition);position: relative;}.step-card:hover {box-shadow: var(--shadow-hover);border-color: var(--accent-blue);}.step-number {width: 60px;height: 60px;background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;font-weight: 700;margin: 0 auto 1.5rem;box-shadow: var(--shadow);}.step-card h3 {font-size: 1.3rem;margin-bottom: 1rem;font-weight: 700;color: var(--text-primary);}.step-card p {color: var(--text-secondary);line-height: 1.6;}.pricing {background: var(--bg-secondary);}.pricing-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2.5rem;margin-top: 4rem;}.pricing-card {background: var(--bg-card);padding: 2rem 2rem;border-radius: var(--border-radius);border: 1px solid var(--border-color);transition: var(--transition);position: relative;box-shadow: var(--shadow);display: flex;flex-direction: column;}.pricing-card:hover {border-color: var(--accent-blue);box-shadow: var(--shadow-hover);}.pricing-card.popular {border-color: var(--accent-blue);transform: scale(1.05) !important;position: relative;overflow: hidden;}.pricing-card.popular:after {content: '';position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));z-index: -1;opacity: 0.1;}.popular-badge {position: absolute;top: .75rem;left: 50%;transform: translateX(-50%);background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color: white;padding: 10px 28px;border-radius: 25px;font-size: 0.9rem;font-weight: 600;box-shadow: var(--shadow);letter-spacing: -0.2px;}.pricing-header {text-align: center;margin-bottom: 2.5rem;}.pricing-header h3 {font-size: 1.6rem;margin-bottom: 1.5rem;font-weight: 700;color: var(--text-primary);letter-spacing: -0.3px;}.price {font-size: 3.2rem;font-weight: 800;margin-bottom: 0.75rem;background: linear-gradient(135deg, var(--text-primary), var(--accent-blue));-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: -1px;line-height: 1;}.price span {font-size: 1.1rem;color: var(--text-secondary);font-weight: 400;}.price-save {color: var(--accent-green);font-weight: 700;font-size: 1.5rem;line-height: 1;text-align: right;text-decoration: line-through;}.pricing-features {list-style: none;margin-bottom: 3rem;flex-grow: 1;}.pricing-features li {padding: .5rem 0;color: var(--text-secondary);font-size: 1rem;transition: var(--transition);letter-spacing: -0.2px;}.pricing-features li:hover {color: var(--text-primary);transform: translateX(5px);}.pricing-features li:last-child {border-bottom: none;}.pricing-features li::before {content: '✓';margin-right: 1rem;color: var(--accent-blue);font-weight: bold;font-size: 1.2rem;transition: var(--transition);}.router-section {background: var(--bg-primary);}.router-hero {display: grid;grid-template-columns: 1fr 1fr;gap: 5rem;align-items: center;}.product-badge {display: inline-block;background: linear-gradient(135deg, var(--accent-orange), #FF6B35);color: white;padding: 10px 20px;border-radius: 12px;font-size: 0.9rem;font-weight: 600;margin-bottom: 1.5rem;box-shadow: var(--shadow);letter-spacing: -0.2px;}.router-info h2 {font-size: 3.2rem;margin-bottom: 0.75rem;font-weight: 800;line-height: 1.05;letter-spacing: -1px;}.router-info h3 {font-size: 1.6rem;font-style: italic;color: var(--accent-blue);margin-bottom: 2rem;font-weight: 300;letter-spacing: -0.3px;}.router-description {font-size: 1.2rem;color: var(--text-secondary);margin-bottom: 3rem;line-height: 1.6;letter-spacing: -0.2px;}.router-price {display: flex;align-items: center;gap: 1rem;margin-bottom: 3rem;position: relative;}.price-main {font-size: 2.5rem;font-weight: 800;color: var(--text-primary);letter-spacing: -0.5px;}.price-old {font-size: 1.4rem;color: var(--text-secondary);text-decoration: line-through;position: absolute;top: -10px;left: 0;}.router-buttons {display: flex;flex-direction: column;gap: 1.5rem;max-width: 320px;}.router-visual {text-align: center;position: relative;}.router-image img {max-width: 100%;height: auto;filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.15));transition: var(--transition-slow);}.faq-accordion {max-width: 800px;margin: 0 auto;}.accordion-item {background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--border-radius);margin-bottom: 1.5rem;box-shadow: var(--shadow);transition: var(--transition);overflow: hidden;}.accordion-item:hover {box-shadow: var(--shadow-hover);border-color: var(--accent-blue);}.accordion-header {width: 100%;padding: 2.5rem 3rem;background: none;border: none;text-align: left;cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-size: 1.1rem;font-weight: 600;color: var(--text-primary);transition: var(--transition);}.accordion-icon {width: 20px;height: 20px;transition: var(--transition);color: var(--accent-blue);}.accordion-item.active .accordion-icon {transform: rotate(180deg);}.accordion-content {max-height: 0;overflow: hidden;transition: var(--transition-slow);padding: 0 3rem;}.accordion-item.active .accordion-content {max-height: 500px;padding: 0 3rem 2.5rem;}.accordion-content li, .accordion-content p {color: var(--text-secondary);line-height: 1.6;font-size: 1rem;}.accordion-content ul {padding-left: 1.5rem;}.cta-section {padding: 0 0 8rem 0;text-align: center;}.cta-title {font-size: 3rem;font-weight: 800;margin-bottom: 1.5rem;background: linear-gradient(135deg, var(--text-primary), var(--accent-blue));-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: -1px;}.cta-buttons {display: flex;gap: 1.5rem;justify-content: center;flex-wrap: wrap;}.btn-large {padding: 20px 40px;font-size: 1.2rem;}.minimal-footer {position: relative;background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color: white;padding: 6rem 0 2rem;overflow: hidden;}.minimal-footer::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at 10% 20%, rgba(255,255,255,0.08) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(255,255,255,0.05) 0%, transparent 40%);}.footer-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}.grid-pattern {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);background-size: 50px 50px;opacity: 0.3;}.glow-effect {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(ellipse at 20% 30%, rgba(255,255,255,0.1) 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, rgba(255,255,255,0.05) 0%, transparent 50%);filter: blur(40px);}.footer-header {margin-bottom: 3rem;position: relative;z-index: 2;display: grid;grid-template-columns: auto repeat(3, 1fr);gap: 3rem;align-items: start;}.footer-logo-section .logo {font-size: 2rem;font-weight: 900;font-style: italic;}.slogan {font-size: 1.1rem;color: rgba(255,255,255,0.8);font-weight: 300;letter-spacing: -0.2px;}.footer-contact-main {display: flex;flex-direction: column;gap: 0.5rem;text-align: right;}.footer-divider {height: 1px;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), rgba(255,255,255,0.3), transparent );margin: 2rem 0;position: relative;z-index: 2;}.link-group h5 {font-size: 1rem;font-weight: 700;margin-bottom: 1.5rem;text-transform: uppercase;letter-spacing: 0.5px;position: relative;color: white;}.link-group h5::after {content: '';position: absolute;bottom: -12px;left: 0;width: 30px;height: 2px;background: linear-gradient(90deg, #fff, rgba(255,255,255,0.7));border-radius: 2px;}.link-group a {display: block;color: rgba(255,255,255,0.8);text-decoration: none;margin-bottom: 0.8rem;transition: var(--transition);font-size: 0.95rem;position: relative;padding-left: 0;}.link-group a:hover, .payment-methods span:hover {color: white;}.payment-methods {display: flex;flex-direction: column;}.payment-methods span {color: rgba(255,255,255,0.8);font-size: 0.95rem;transition: var(--transition);position: relative;margin-bottom: 0.8rem;}.footer-bottom-minimal {display: flex;justify-content: space-between;align-items: center;padding-top: 2rem;position: relative;z-index: 2;}.copyright {color: rgba(255,255,255,0.7);font-size: 0.9rem;}.legal-links {display: flex;gap: 2rem;}.legal-links a {color: rgba(255,255,255,0.7);text-decoration: none;font-size: 0.9rem;transition: var(--transition);position: relative;}.legal-links a::after {content: '';position: absolute;bottom: -2px;left: 0;width: 0;height: 1px;background: white;transition: var(--transition);}.legal-links a:hover {color: white;}.legal-links a:hover::after {width: 100%;}@keyframes gridMove {0% {background-position: 0 0;}100% {background-position: 50px 50px;}}.minimal-footer .grid-pattern {animation: gridMove 20s linear infinite;}@keyframes glowPulse {0%, 100% {opacity: 0.3;}50% {opacity: 0.6;}}.glow-effect {animation: glowPulse 8s ease-in-out infinite;}@media (max-width: 1024px) {.footer-header {grid-template-columns: repeat(3, 1fr);gap: 2rem;}.footer-logo-section {grid-column: 1 / span 3;text-align: center;margin-bottom: 1rem;}.footer-header > .link-group {grid-column: auto;text-align: center;}.footer-header .link-group h5, .footer-header .link-group a {text-align: center;}.footer-header .link-group h5::after {left: 50%;transform: translateX(-50%);}}@media (max-width: 768px) {.features, .pricing, .router-section, .faq {padding: 4rem 0;}.minimal-footer, .cta-section {padding: 4rem 0;}.cta-title {font-size: 2.2rem;}.footer-header {flex-direction: column;gap: 2rem;}.contact-phone:hover, .contact-email:hover {transform: none;padding-left: 0;}.footer-links-grid {gap: 2rem;}.link-group a:hover {transform: none;padding-left: 0;}.link-group a::before {display: none;}.legal-links {justify-content: center;}.payment-methods span:hover {transform: none;padding-left: 0;}.payment-methods span::before {display: none;}.cta-buttons {flex-direction: column;align-items: center;}.btn-large {width: 100%;max-width: 300px;}.footer-header {grid-template-columns: 1fr;gap: 2.5rem;}.footer-logo-section {grid-column: 1;text-align: left;}.footer-header > .link-group {grid-column: 1;text-align: left;}.footer-header .link-group h5, .footer-header .link-group a {text-align: left;}.footer-header .link-group h5::after {left: 0;transform: none;}}@keyframes fadeInUp {from {opacity: 0;transform: translateY(60px);}to {opacity: 1;transform: translateY(0);}}.fade-in {opacity: 0;animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;animation-play-state: paused;}.hero-text {animation: fadeInUp 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}.feature-card, .pricing-card, .step-card, .accordion-item {opacity: 0;animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;animation-play-state: paused;}.feature-card:nth-child(1) {animation-delay: 0.1s;}.feature-card:nth-child(2) {animation-delay: 0.2s;}.feature-card:nth-child(3) {animation-delay: 0.3s;}.pricing-card:nth-child(1) {animation-delay: 0.1s;}.pricing-card:nth-child(2) {animation-delay: 0.2s;}.pricing-card:nth-child(3) {animation-delay: 0.3s;}.step-card:nth-child(1) {animation-delay: 0.1s;}.step-card:nth-child(2) {animation-delay: 0.2s;}.step-card:nth-child(3) {animation-delay: 0.3s;}.step-card:nth-child(4) {animation-delay: 0.4s;}.accordion-item:nth-child(1) {animation-delay: 0.1s;}.accordion-item:nth-child(2) {animation-delay: 0.2s;}.accordion-item:nth-child(3) {animation-delay: 0.3s;}.accordion-item:nth-child(4) {animation-delay: 0.4s;}.accordion-item:nth-child(5) {animation-delay: 0.5s;}.accordion-item:nth-child(6) {animation-delay: 0.6s;}@media (max-width: 1200px) {.container {max-width: 1000px;}.hero-title {font-size: 3.5rem;}}@media (max-width: 1024px) {.hero-content {grid-template-columns: 1fr;text-align: center;gap: 4rem;}.hero-buttons {justify-content: center;}.features-grid {grid-template-columns: repeat(2, 1fr);}.pricing-grid {grid-template-columns: repeat(2, 1fr);}.steps-grid {grid-template-columns: repeat(2, 1fr);}.feature-card.highlight {transform: none;}.pricing-card.popular {transform: none;}.nav-menu {display: none;}.router-hero {grid-template-columns: 1fr;gap: 4rem;}.router-info {position: relative;z-index: 2;}.router-visual {position: absolute;right: 0;z-index: 1;opacity: 0.4;}}@media (max-width: 768px) {.hero-title {font-size: 2.8rem;}.hero-subtitle {font-size: 1.2rem;}.features {display: none;}.features-grid {grid-template-columns: 1fr;}.pricing-grid {grid-template-columns: 1fr;}.router-buttons {max-width: 100%;}.section-title {font-size: 2.5rem;}.steps-grid {grid-template-columns: 1fr;}.cta-buttons {flex-direction: column;align-items: center;}.btn-large {width: 100%;max-width: 300px;}.accordion-header {padding: 2rem;}.accordion-content {padding: 0 2rem;}.accordion-item.active .accordion-content {padding: 0 2rem 2rem;}}@media (max-width: 480px) {.hero-title {font-size: 2.2rem;}.hero-subtitle {font-size: 1.1rem;}.section-title {font-size: 2rem;}.feature-card, .pricing-card {padding: 3rem 2rem;}.btn {padding: 16px 28px;font-size: 1rem;}.step-card {padding: 2rem 1.5rem;}.cta-title {font-size: 2.2rem;}}::-webkit-scrollbar {width: 10px;}::-webkit-scrollbar-track {background: var(--bg-secondary);}::-webkit-scrollbar-thumb {background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));border-radius: 5px;transition: var(--transition);}.swiper-container {position: relative;width: 100%;height: 100%;margin: 3rem auto 0;}.swiper {width: 100%;height: 100%;padding: 20px 0;}.swiper-slide {text-align: center;font-size: 18px;background: var(--bg-card);height: auto !important;padding: 2.5rem;border-radius: var(--border-radius);border: 1px solid var(--border-color);box-shadow: var(--shadow);transition: var(--transition);display: flex !important;flex-direction: column;justify-content: center;}.swiper-slide:hover {border-color: var(--accent-blue);box-shadow: var(--shadow-hover);}.swiper-slide .step-number {width: 50px;height: 50px;background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.3rem;font-weight: 700;margin: 0 auto 1.5rem;box-shadow: var(--shadow);}.swiper-slide h3 {font-size: 1.3rem;margin-bottom: 1.5rem;text-align: center;font-weight: 700;color: var(--text-primary);}.step-content {color: var(--text-secondary);line-height: 1.6;text-align: center;margin-bottom: 1rem;min-height: 60px;}.step-instructions {text-align: left;margin-top: 1rem;}.step-instruction {display: flex;align-items: flex-start;gap: 0.75rem;margin-bottom: 0.75rem;padding: 0.5rem;background: var(--bg-secondary);border-radius: 8px;}.step-instruction:last-child {margin-bottom: 0;}.instruction-number {width: 24px;height: 24px;background: var(--accent-blue);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.8rem;font-weight: 600;flex-shrink: 0;}.instruction-text {color: var(--text-secondary);font-size: 0.9rem;line-height: 1.4;flex: 1;}.platform-selector {display: flex;justify-content: center;gap: 0.75rem;margin-bottom: 2rem;flex-wrap: wrap;}.platform-option {padding: 0.75rem 1.5rem;background: transparent;border: 2px solid var(--border-color);border-radius: 12px;cursor: pointer;transition: var(--transition);color: var(--text-secondary);font-size: 0.95rem;display: flex;align-items: center;gap: 0.75rem;font-weight: 500;}.platform-option:hover {border-color: var(--accent-blue);color: var(--accent-blue);}.platform-option.active {background: var(--accent-blue);color: white;border-color: var(--accent-blue);box-shadow: var(--shadow);}.platform-option svg {width: 24px;height: 24px;}.swiper-pagination {position: relative;margin-top: 2rem;}.swiper-pagination-bullet {width: 12px;height: 12px;background: var(--text-secondary);opacity: 1;transition: var(--transition);}.swiper-pagination-bullet-active {background: var(--accent-blue);transform: scale(1.3);}.platform-indicator {display: inline-block;padding: 0.25rem 0.75rem;background: rgba(0, 122, 255, 0.1);border-radius: 20px;font-size: 0.8rem;color: var(--accent-blue);margin-top: 0.5rem;}@media (max-width: 768px) {.swiper-slide {padding: 2rem;}.swiper-slide h3 {font-size: 1.2rem;}.step-content {min-height: 80px;}.platform-selector {gap: 0.5rem;}.platform-option {padding: 0.5rem 1rem;font-size: 0.85rem;}}@media (max-width: 480px) {.swiper-slide {padding: 1.5rem;}.step-content {min-height: auto;}.step-instructions {margin-top: 0.5rem;}.step-instruction {padding: 0.4rem;font-size: 0.85rem;}.instruction-number {width: 20px;height: 20px;font-size: 0.7rem;}}