*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;display:none}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#F5F7FA;--bg-card:#FFFFFF;--bg-card-hover:#F8FAFC;--text:#0B1A2E;--text-secondary:#4A5F7A;--text-muted:#8A9FB5;--accent:#2B6EB0;--accent-light:#E8F0F8;--accent-glow:rgba(43,110,176,0.06);--accent-glow-strong:rgba(43,110,176,0.12);--gold:#C49B6C;--gold-light:#F5EDE4;--gold-glow:rgba(196,155,108,0.08);--border:rgba(11,26,46,0.04);--border-light:rgba(11,26,46,0.06);--shadow:0 8px 40px rgba(11,26,46,0.04);--shadow-hover:0 20px 60px rgba(11,26,46,0.08);--shadow-gold:0 8px 40px rgba(196,155,108,0.08);--radius:28px;--radius-sm:14px;--transition:0.5s cubic-bezier(0.23,1,0.32,1)} html{scroll-behavior:smooth} body{font-family:'Space Grotesk',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:white}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px} 
.container{max-width:1280px;margin:0 auto;padding:0 24px} 
.font-display{font-family:'Syne',sans-serif} @keyframes fadeReveal{0%{opacity:0;transform:translateY(40px)} 100%{opacity:1;transform:translateY(0)} } @keyframes floatParticle{0%,100%{transform:translate(0,0)} 50%{transform:translate(20px,-20px)} } @keyframes pulseBorder{0%,100%{border-color:var(--border-light)} 50%{border-color:var(--accent)} } @keyframes shimmerGold{0%{background-position:-200% 0} 100%{background-position:200% 0} } @keyframes pulse{0%,100%{transform:scale(1)} 50%{transform:scale(1.05)} } @keyframes blink{0%,100%{opacity:1} 50%{opacity:0.3} } @keyframes floatBadge{0%,100%{transform:translateY(0) rotate(-12deg)} 50%{transform:translateY(-12px) rotate(-8deg)} } @keyframes pulseBadge{0%,100%{box-shadow:0 0 0 0 rgba(231,76,60,0.4)} 50%{box-shadow:0 0 0 25px rgba(231,76,60,0)} } .reveal{opacity:0;transform:translateY(40px);transition:all 0.9s cubic-bezier(0.23,1,0.32,1)} .reveal.visible{opacity:1;transform:translateY(0)} .reveal-delay-1{transition-delay:0.08s} .reveal-delay-2{transition-delay:0.16s} .reveal-delay-3{transition-delay:0.24s} .reveal-delay-4{transition-delay:0.32s} .btn{display:inline-flex;align-items:center;gap:12px;padding:16px 40px;border-radius:60px;font-weight:600;font-size:0.85rem;border:none;cursor:pointer;transition:var(--transition);text-align:center;justify-content:center;font-family:inherit;letter-spacing:0.3px;position:relative} .btn-accent{background:var(--accent);color:white;box-shadow:0 4px 24px var(--accent-glow-strong)} .btn-accent:hover{transform:translateY(-3px);box-shadow:0 12px 40px var(--accent-glow-strong)} .btn-gold{background:var(--gold);color:white;box-shadow:0 4px 24px var(--gold-glow)} .btn-gold:hover{transform:translateY(-3px);box-shadow:0 12px 40px var(--gold-glow)} .btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border-light)} .btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)} .btn-white{background:white;color:var(--text);box-shadow:var(--shadow)} .btn-white:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)} 
.header{border-radius: 0 0 35px 35px;padding:12px 0;position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,0.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:var(--transition)} .header .container{display:flex;align-items:center;justify-content:space-between;gap:12px} .header-logo{font-family:'Syne',sans-serif;font-size:1.3rem;font-weight:800;color:var(--text);display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none} .header-logo i{color:var(--accent);font-size:1.6rem} .header-logo span{color:var(--accent)} .header-logo .logo-text{display:flex;flex-direction:column;line-height:1.1} .header-logo .logo-text small{font-weight:400;font-size:0.5rem;color:var(--text-muted);letter-spacing:0.8px;text-transform:uppercase} .header-right{display:flex;align-items:center;gap:16px} .header-phone{display:flex;flex-direction:column;line-height:1.2;text-align:right} .header-phone .number{font-weight:700;font-size:0.95rem;color:var(--text);white-space:nowrap;text-decoration:none} .header-phone .number i{color:var(--accent);margin-right:6px;font-size:0.85rem} .header-phone .schedule{font-weight:400;font-size:0.55rem;color:var(--text-muted);letter-spacing:0.3px} .header-actions{display:flex;align-items:center;gap:8px} .header-actions .btn-header{padding:8px 18px;font-size:1rem;border-radius:60px;font-weight:600;border:none;cursor:pointer;transition:var(--transition);white-space:nowrap;text-decoration:none} .header-actions .btn-header-primary{background:var(--accent);color:white} .header-actions .btn-header-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow-strong)} .header-actions .btn-header-gold{background:var(--gold);color:white} .header-actions .btn-header-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--gold-glow)} .header-mobile-toggle{display:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-light);background:transparent;font-size:1.1rem;color:var(--text);cursor:pointer;transition:var(--transition);align-items:center;justify-content:center;flex-shrink:0} .header-mobile-toggle:hover{background:var(--accent-light);border-color:var(--accent)} .panel-overlay{position:fixed;inset:0;background:rgba(11,26,46,0.3);backdrop-filter:blur(8px);z-index:9997;opacity:0;pointer-events:none;transition:opacity 0.5s ease} .panel-overlay.active{opacity:1;pointer-events:auto} .side-panel{position:fixed;top:0;height:100%;width:460px;max-width:92vw;background:white;z-index:9999;padding:48px 40px;overflow-y:auto;display:flex;flex-direction:column;transition:transform 0.6s cubic-bezier(0.23,1,0.32,1);box-shadow:0 0 100px rgba(11,26,46,0.06)} .side-panel-left{left:0;transform:translateX(-110%);border-radius:0 32px 32px 0;border-right:1px solid var(--border-light)} .side-panel-right{right:0;transform:translateX(110%);border-radius:32px 0 0 32px;border-left:1px solid var(--border-light)} .side-panel.open-left{transform:translateX(0)} .side-panel.open-right{transform:translateX(0)} .side-panel .close-btn{position:absolute;top:18px;right:18px;width:46px;height:46px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg);font-size:1rem;cursor:pointer;transition:0.3s;display:flex;align-items:center;justify-content:center;color:var(--text)} .side-panel .close-btn:hover{background:var(--accent-light);border-color:var(--accent);transform:rotate(90deg)} .panel-trigger{position:fixed;top:50%;transform:translateY(-50%);z-index:9998;width:56px;height:56px;border-radius:50%;border:none;background:white;box-shadow:var(--shadow-hover);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--text)} .panel-trigger:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 20px 60px rgba(11,26,46,0.1)} .panel-trigger-left{left:20px} .panel-trigger-right{right:20px} .panel-brand{font-family:'Syne',sans-serif;font-size:1.6rem;font-weight:800;color:var(--text);padding-bottom:24px;border-bottom:2px solid var(--accent-light);display:flex;align-items:center;gap:14px;text-decoration:none} .panel-brand i{color:var(--accent);font-size:2rem} .panel-brand span{color:var(--accent)} .panel-menu{list-style:none;margin:28px 0 0;display:flex;flex-direction:column;gap:4px} .panel-menu li a{display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:var(--radius-sm);font-weight:500;font-size:0.95rem;color:var(--text-secondary);transition:var(--transition);letter-spacing:0.3px;position:relative;text-decoration:none} .panel-menu li a::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:60%;background:var(--accent);border-radius:0 4px 4px 0;transition:var(--transition)} .panel-menu li a:hover::before{width:4px} .panel-menu li a i{width:24px;font-size:1.1rem;color:var(--accent);flex-shrink:0;text-align:center} .panel-menu li a:hover{background:var(--accent-light);color:var(--text);padding-left:26px} .panel-menu li a .badge-menu{margin-left:auto;background:var(--gold);color:white;font-size:0.7rem;padding:4px 14px;border-radius:60px;font-weight:700} .panel-footer{margin-top:auto;padding-top:24px;border-top:1px solid #E8ECF0;font-size:0.85rem;color:var(--text-secondary)} .panel-footer i{width:24px;color:var(--accent)} .panel-footer strong{color:var(--text)} .panel-footer .social-row{display:flex;gap:12px;margin-top:12px} .panel-footer .social-row a{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;transition:var(--transition);color:var(--text-secondary);text-decoration:none} .panel-footer .social-row a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)} .panel-right-title{font-family:'Syne',sans-serif;font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:4px} .panel-right-title i{color:var(--accent);margin-right:10px} .panel-right-sub{color:var(--text-secondary);font-size:0.9rem;margin-bottom:24px} .discount-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FFF5EB,#FDE8D0);color:var(--gold);padding:10px 28px;border-radius:60px;font-weight:700;font-size:0.85rem;margin-bottom:20px;border:1px solid rgba(196,155,108,0.15);position:relative;overflow:hidden} .discount-badge::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation:shimmerGold 3s ease-in-out infinite;background-size:200% 100%} .discount-badge i,.discount-badge span{position:relative;z-index:1} .panel-form label{font-weight:500;font-size:0.75rem;color:var(--text-secondary);display:block;margin-top:16px;margin-bottom:4px;letter-spacing:0.5px;text-transform:uppercase} .panel-form label i{margin-right:6px;color:var(--accent)} .panel-form input,.panel-form select{width:100%;padding:14px 18px;border-radius:var(--radius-sm);border:1.5px solid #E8ECF0;font-size:0.9rem;transition:var(--transition);background:white;font-family:inherit;color:var(--text)} .panel-form input:focus,.panel-form select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px var(--accent-glow)} .panel-form input::placeholder{color:var(--text-muted)} .panel-form .btn{width:100%;margin-top:22px;padding:16px;font-size:0.95rem} .panel-form .agreement{display:flex;align-items:center;gap:10px;font-size:0.72rem;color:var(--text-secondary);margin-top:16px} .panel-form .agreement input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0} .panel-form .agreement a{color:var(--accent);text-decoration:underline} .panel-quick-links{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap} .panel-quick-links a{padding:8px 16px;border-radius:60px;background:var(--bg);font-size:0.7rem;color:var(--text-secondary);transition:var(--transition);text-decoration:none;border:1px solid var(--border-light)} .panel-quick-links a:hover{background:var(--accent-light);border-color:var(--accent);color:var(--text)} 
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden;background:linear-gradient(135deg,#F8FAFC 0,#EDF2F7 100%)} .hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(43,110,176,0.02) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(196,155,108,0.02) 0,transparent 40%)} .hero .bg-dots{position:absolute;inset:0;background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:40px 40px;opacity:0.3;pointer-events:none} .hero .glow-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none} .hero .glow-orb-1{width:400px;height:400px;background:var(--accent-glow);top:-100px;right:-100px;animation:floatParticle 14s ease-in-out infinite} .hero .glow-orb-2{width:300px;height:300px;background:var(--gold-glow);bottom:-50px;left:-50px;animation:floatParticle 18s ease-in-out infinite reverse} .hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1} .hero-discount{position:absolute;top:-20px;right:-20px;z-index:10;background:linear-gradient(135deg,#E74C3C,#C0392B);color:white;width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-15deg);animation:floatBadge 3s ease-in-out infinite,pulseBadge 2s ease-in-out infinite;box-shadow:0 8px 40px rgba(231,76,60,0.3);font-family:'Syne',sans-serif;line-height:1;text-align:center;border:3px solid rgba(255,255,255,0.2)} .hero-discount .percent{font-size:3.2rem;font-weight:800;letter-spacing:-2px} .hero-discount .label{font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:0.9;margin-top:-4px} .hero-discount .sub-label{font-size:0.55rem;font-weight:400;opacity:0.7;margin-top:2px} .hero-discount .small-text{font-size:0.5rem;font-weight:300;opacity:0.6} @media (max-width:992px){.hero-discount{width:100px;height:100px;top:-15px;right:-15px} .hero-discount .percent{font-size:2.6rem} .hero-discount .label{font-size:0.6rem} .hero-discount .sub-label{font-size:0.45rem} } @media (max-width:640px){.hero-discount{width:80px;height:80px;top:-10px;right:-10px} .hero-discount .percent{font-size:2rem} .hero-discount .label{font-size:0.5rem} .hero-discount .sub-label{font-size:0.4rem} .hero-discount .small-text{display:none} } .hero-label{display:inline-flex;align-items:center;gap:14px;font-weight:500;font-size:0.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:20px} .hero-label .line{width:40px;height:1px;background:var(--accent);opacity:0.3} .hero h1{font-family:'Syne',sans-serif;font-size:4.2rem;font-weight:800;line-height:1.1;color:var(--text);margin-bottom:20px} .hero h1 .highlight{background:linear-gradient(135deg,var(--accent),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .hero p{font-size:1.05rem;color:var(--text-secondary);max-width:440px;margin-bottom:32px;line-height:1.8} .hero-buttons{display:flex;gap:14px;flex-wrap:wrap} .hero-stats{display:flex;gap:44px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)} .hero-stats-item h3{font-family:'Syne',sans-serif;font-size:2.2rem;font-weight:800;color:var(--text);display:flex;align-items:center;gap:6px} .hero-stats-item h3 i{color:var(--accent);font-size:1.2rem} .hero-stats-item p{font-size:0.7rem;color:var(--text-muted);margin:0;letter-spacing:0.5px;text-transform:uppercase} .hero-visual{position:relative;display:flex;justify-content:center;align-items:center} .hero-ring{position:absolute;border-radius:50%;border:1px solid var(--border-light);animation:pulseBorder 4s ease-in-out infinite} .hero-ring-1{width:110%;height:110%;top:-5%;left:-5%} .hero-ring-2{width:130%;height:130%;top:-15%;left:-15%;animation-delay:2s} .hero-card{width:100%;max-width:480px;background:white;border-radius:var(--radius);padding:48px 40px;box-shadow:var(--shadow);position:relative;overflow:visible} .hero-card .accent-line{position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:0 0 10px 10px} 
.hero-card .icon-wrap{width:180px;height:180px;border-radius:50%;background:var(--accent-light);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:2.6rem;color:var(--accent)} .hero-card h3{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:700;color:var(--text);text-align:center} .hero-card p{text-align:center;color:var(--text-secondary);font-size:0.85rem;margin:4px 0 16px} .hero-card .tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center} .hero-card .tags span{background:var(--bg);padding:4px 16px;border-radius:60px;font-size:0.6rem;font-weight:500;color:var(--text-secondary)} .hero-card .tags span i{color:var(--accent);margin-right:4px} .promo-section{padding:50px 0;background:white} .promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px} .promo-card{padding:32px 28px;border-radius:var(--radius);border:1px solid var(--border-light);transition:var(--transition);background:var(--bg);position:relative;overflow:hidden} .promo-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--accent-light)} .promo-card .promo-tag{display:inline-block;background:var(--gold);color:white;font-size:0.7rem;font-weight:700;padding:6px 18px;border-radius:60px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px} .promo-card .promo-tag.hot{background:linear-gradient(135deg,#E74C3C,#C0392B);animation:pulse 2s ease-in-out infinite} .promo-card .promo-tag.limited{background:linear-gradient(135deg,var(--accent),#1A4F7A)} .promo-card .promo-tag.new{background:linear-gradient(135deg,#27AE60,#1E8449)} .promo-card .promo-tag.bonus{background:linear-gradient(135deg,#8E44AD,#6C3483)} .promo-card .promo-tag .blink{animation:blink 1.2s ease-in-out infinite} .promo-card h4{font-size:1.2rem;font-weight:700;margin-bottom:4px} .promo-card p{font-size:0.88rem;color:var(--text-secondary)} .promo-card .promo-value{font-family:'Syne',sans-serif;font-size:2.2rem;font-weight:800;color:var(--accent);margin-top:10px} .promo-card .promo-value .old{font-size:1.1rem;font-weight:400;color:var(--text-muted);text-decoration:line-through;margin-right:8px} .promo-card .promo-value .save{font-size:0.8rem;font-weight:600;color:#E74C3C;background:rgba(231,76,60,0.08);padding:2px 12px;border-radius:60px;display:inline-block;margin-top:4px} .promo-card .promo-icon{font-size:2.5rem;color:var(--accent);opacity:0.1;position:absolute;right:16px;bottom:16px} section{padding:100px 0;position:relative} .section-label{display:inline-flex;align-items:center;gap:14px;font-weight:500;font-size:0.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:12px} .section-label .line{width:40px;height:1px;background:var(--accent);opacity:0.3} .section-title{font-family:'Syne',sans-serif;font-size:3rem;font-weight:800;color:var(--text);margin-bottom:16px;line-height:1.05} .section-title .highlight{background:linear-gradient(135deg,var(--accent),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .section-desc{font-size:1rem;color:var(--text-secondary);max-width:540px;line-height:1.8} .section-header-center{text-align:center} .section-header-center .section-desc{margin:0 auto} .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:48px} .feature-card{background:white;padding:40px 34px;border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border)} .feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--accent-light)} .feature-card .icon{width:60px;height:60px;border-radius:var(--radius-sm);background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent);margin-bottom:18px} .feature-card h3{font-size:1.15rem;font-weight:700;margin-bottom:8px} .feature-card p{color:var(--text-secondary);font-size:0.88rem;line-height:1.7} .equipment-section{background:white} .equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:40px} .equipment-image{background:var(--bg);border-radius:var(--radius);padding:56px 40px;text-align:center;border:1px solid var(--border)} .equipment-image .accent-line{width:60px;height:3px;background:var(--accent);margin:0 auto 16px;border-radius:10px} .equipment-image i{font-size:4.5rem;color:var(--accent);margin-bottom:14px} .equipment-image h3{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:700;color:var(--text)} .equipment-image p{color:var(--text-secondary);font-size:0.85rem} .equipment-list{display:grid;gap:12px} .equipment-list-item{display:flex;gap:18px;align-items:flex-start;padding:18px 22px;background:var(--bg);border-radius:var(--radius-sm);transition:var(--transition);border:1px solid transparent} .equipment-list-item:hover{border-color:var(--border-light);background:white;box-shadow:var(--shadow)} .equipment-list-item .check{width:28px;height:28px;border-radius:50%;background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0.6rem} .equipment-list-item h4{font-weight:600;font-size:0.95rem;margin-bottom:2px} .equipment-list-item p{color:var(--text-secondary);font-size:0.82rem} .prices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:40px} .price-card{background:white;padding:30px 22px;border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition);position:relative} .price-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--accent-light)} .price-card .icon{font-size:1.8rem;color:var(--accent);margin-bottom:8px} .price-card .name{font-weight:500;color:var(--text-secondary);font-size:0.8rem;letter-spacing:0.3px} .price-card .price{font-family:'Syne',sans-serif;font-size:1.8rem;font-weight:700;color:var(--text);margin:6px 0 2px} .price-card .price i{font-size:0.8rem;color:var(--text-muted);margin-right:4px} .price-card .old-price{font-size:0.8rem;color:var(--text-muted);text-decoration:line-through} .price-card .badge{display:inline-block;background:linear-gradient(135deg,#E74C3C,#C0392B);color:white;padding:4px 16px;border-radius:60px;font-size:0.7rem;font-weight:700;letter-spacing:0.5px;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 16px rgba(231,76,60,0.25)} 
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px} .blog-card{background:white;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition)} .blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)} .blog-card .blog-image{height:200px;background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--accent);position:relative} .blog-card .blog-image .blog-date{position:absolute;bottom:12px;left:12px;background:rgba(11,26,46,0.7);backdrop-filter:blur(8px);color:white;padding:4px 14px;border-radius:60px;font-size:0.65rem;font-weight:500} .blog-card .blog-content{padding:24px 26px 28px} .blog-card .blog-content .blog-tag{display:inline-block;font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--accent);background:var(--accent-light);padding:4px 14px;border-radius:60px;margin-bottom:8px} 
.blog-card .blog-content h4{font-size:1.05rem;font-weight:700;margin-bottom:8px;line-height:1.3;    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;} 
.blog-card .blog-content p{font-size:0.85rem;color:var(--text-secondary);margin-bottom:14px} 
.blog-description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6;
    max-height: 4.8em;
}
.blog-card .blog-content .blog-meta{display:flex;align-items:center;gap:16px;font-size:0.7rem;color:var(--text-muted)} .blog-card .blog-content .blog-meta i{color:var(--accent)} .blog-card .blog-content .blog-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:0.8rem;color:var(--accent);transition:var(--transition);margin-top:12px;text-decoration:none} .blog-card .blog-content .blog-link:hover{gap:14px} .reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:40px} .review-card{background:white;padding:32px 34px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition)} .review-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-6px)} .review-card .stars{color:var(--gold);font-size:0.85rem;margin-bottom:12px;letter-spacing:4px} .review-card blockquote{font-style:italic;color:var(--text);margin-bottom:16px;line-height:1.7;font-size:0.92rem} .review-card .author{font-weight:600;color:var(--text);display:flex;align-items:center;gap:10px;font-size:0.9rem} .review-card .author i{color:var(--accent);font-size:1.2rem} .review-card .author span{font-weight:400;color:var(--text-muted);font-size:0.8rem} .faq-list{max-width:800px;margin:40px auto 0;display:flex;flex-direction:column;gap:10px} .faq-item{background:white;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition)} .faq-item:hover{border-color:var(--accent-light)} .faq-item summary{padding:20px 26px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:0.3s;user-select:none;gap:16px;font-size:0.92rem;color:var(--text)} .faq-item summary:hover{background:var(--bg)} .faq-item summary::-webkit-details-marker{display:none} .faq-item .faq-icon{color:var(--accent);font-size:0.8rem;flex-shrink:0;transition:var(--transition);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-light)} .faq-item details[open] .faq-icon{transform:rotate(180deg);background:var(--accent);color:white} .faq-item .faq-answer{padding:0 26px 24px;color:var(--text-secondary);line-height:1.8;font-size:0.88rem} 
.cta-section{margin:15px;border-radius:50px;padding:120px 0;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--accent),#1A4F7A);color:white;text-align:center} .cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,255,255,0.04) 0,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(255,255,255,0.02) 0,transparent 40%)} .cta-section .container{position:relative;z-index:1} .cta-section h2{font-family:'Syne',sans-serif;font-size:3.2rem;font-weight:800;margin-bottom:12px} .cta-section h2 .highlight{color:var(--gold)} .cta-section p{font-size:1rem;opacity:0.8;max-width:460px;margin:0 auto 32px;line-height:1.7} .cta-section .btn-white{font-size:0.95rem;padding:18px 52px} .cta-section .btn-white:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,0.15)} 
.offer-disclaimer{max-width:1280px;margin:50px auto;padding:16px 24px 40px} .offer-disclaimer .offer-inner{background:var(--bg-card,#FFFFFF);border-radius:var(--radius-sm,14px);padding:20px 28px;border:1px solid var(--border-light,rgba(11,26,46,0.06));box-shadow:var(--shadow,0 4px 20px rgba(11,26,46,0.03));display:flex;align-items:flex-start;gap:16px} .offer-disclaimer .offer-inner .offer-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--accent-light,#E8F0F8);display:flex;align-items:center;justify-content:center;color:var(--accent,#2B6EB0);font-size:1.1rem;margin-top:2px} .offer-disclaimer .offer-inner .offer-text{flex:1} .offer-disclaimer .offer-inner .offer-text p{font-size:0.85rem;color:var(--text-secondary,#4A5F7A);line-height:1.7;margin-bottom:0} .offer-disclaimer .offer-inner .offer-text p strong{color:#f55} .offer-disclaimer .offer-inner .offer-text p .star{color:var(--gold,#C49B6C);font-weight:700} .offer-disclaimer .offer-inner .offer-text p a{color:var(--accent,#2B6EB0);text-decoration:underline;transition:var(--transition)} .offer-disclaimer .offer-inner .offer-text p a:hover{color:var(--accent-dark,#1A4F7A)} .offer-disclaimer .offer-inner .offer-text .offer-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px} .offer-disclaimer .offer-inner .offer-text .offer-tags span{display:inline-flex;align-items:center;gap:4px;font-size:0.7rem;color:var(--text-muted,#8A9FB5);background:var(--bg,#F5F7FA);padding:2px 12px;border-radius:60px;border:1px solid var(--border-light,rgba(11,26,46,0.06))} .offer-disclaimer .offer-inner .offer-text .offer-tags span i{color:var(--accent,#2B6EB0);font-size:0.6rem} @media (max-width:768px){.offer-disclaimer{padding:12px 16px 30px} .offer-disclaimer .offer-inner{padding:16px 20px;flex-direction:column;align-items:flex-start} .offer-disclaimer .offer-inner .offer-icon{width:36px;height:36px;font-size:0.9rem} .offer-disclaimer .offer-inner .offer-text p{font-size:0.78rem} .offer-disclaimer .offer-inner .offer-text .offer-tags span{font-size:0.65rem;padding:2px 10px} } @media (max-width:480px){.offer-disclaimer{padding:8px 12px 20px} .offer-disclaimer .offer-inner{padding:14px 16px;border-radius:12px} .offer-disclaimer .offer-inner .offer-text p{font-size:0.72rem} .offer-disclaimer .offer-inner .offer-text .offer-tags{gap:6px} .offer-disclaimer .offer-inner .offer-text .offer-tags span{font-size:0.6rem;padding:2px 8px} }
.footer{border-radius:50px 50px 0 0;padding:52px 0 28px;border-top:1px solid var(--border);background:white} .footer .container{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap} .footer-brand{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;color:var(--text);display:flex;align-items:center;gap:12px;text-decoration:none} .footer-brand i{color:var(--accent);font-size:1.8rem} .footer-brand span{color:var(--accent)} .footer-brand small{font-weight:400;font-size:0.55rem;color:var(--text-muted);display:block;letter-spacing:0.5px} .footer-links{display:flex;gap:56px;flex-wrap:wrap} .footer-links h4{color:var(--text);font-weight:600;margin-bottom:10px;font-size:0.85rem;letter-spacing:0.5px} .footer-links a{display:block;padding:4px 0;transition:0.3s;font-size:0.82rem;color:var(--text-secondary);text-decoration:none} .footer-links a:hover{color:var(--text)} .footer-links a i{width:18px;color:var(--accent);margin-right:6px} .footer-copy{text-align:center;padding-top:28px;margin-top:28px;border-top:1px solid var(--border);font-size:0.7rem;color:var(--text-muted);letter-spacing:0.3px} 
.footer-rating-block{display:flex;flex-direction:column;align-items:flex-start;gap:6px !important;flex-wrap:wrap;padding:8px 0 !important;border-top:none;border-bottom:none;margin-bottom:8px !important}.footer-rating-block .rating-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.footer-rating-block .rating-row .rating-item{display:flex;align-items:center;gap:6px}.footer-rating-block .rating-row .divider{color:var(--border-light,rgba(11,26,46,0.2));font-size:0.8rem}.footer-rating-block .rating-row .rating-score{font-weight:700;font-size:1.1rem;color:var(--text,#0B1A2E)}.footer-rating-block .rating-row .rating-star{color:gold;font-size:0.7rem}.footer-rating-block .rating-row .rating-count{color:var(--text-muted,#8A9FB5);font-size:0.75rem}.footer-rating-block .rating-row .rating-link{color:var(--accent,#2B6EB0);text-decoration:none;font-size:0.78rem;display:flex;align-items:center;gap:4px;transition:var(--transition)}.footer-rating-block .rating-row .rating-link:hover{color:var(--accent-dark,#1A4F7A);text-decoration:underline}.footer-rating-block .rating-row .rating-link i{font-size:0.8rem}@media (max-width:480px){.footer-rating-block{gap:4px !important;padding:4px 0 !important;margin-bottom:4px !important} .footer-rating-block .rating-row{gap:8px} .footer-rating-block .rating-row .rating-score{font-size:0.95rem} .footer-rating-block .rating-row .rating-link{font-size:0.7rem} .footer-rating-block .rating-row .rating-count{font-size:0.65rem}}

@media (max-width:992px){.hero .container{grid-template-columns:1fr;text-align:center} .hero h1{font-size:3.2rem} .hero p{margin:0 auto 32px} .hero-buttons{justify-content:center} .hero-stats{justify-content:center} .equipment-grid{grid-template-columns:1fr} .section-title{font-size:2.6rem} .hero-label{justify-content:center} .cta-section h2{font-size:2.6rem} .header-phone .number{font-size:0.8rem} .header-phone .schedule{display:none} } 
@media (max-width:768px){.header{padding:10px 0} .header-logo{font-size:1.1rem;gap:8px} .header-logo i{font-size:1.3rem} .header-logo .logo-text small{font-size:0.45rem} .header-phone{display:none} .header-actions .btn-header{padding:6px 14px;font-size:0.65rem}.header-actions .btn-header i{font-size:0.9rem} .header-mobile-toggle{display:flex} .panel-trigger-left{display:none} .hero h1{font-size:2.6rem} .hero{padding:100px 0 60px;min-height:auto} section{padding:60px 0} .section-title{font-size:2.2rem} .prices-grid{grid-template-columns:1fr 1fr} .reviews-grid{grid-template-columns:1fr} .blog-grid{grid-template-columns:1fr 1fr} .promo-grid{grid-template-columns:1fr 1fr} .footer .container{flex-direction:column} .footer-links{flex-direction:column;gap:20px} .hero-card{padding:32px 24px} .cta-section h2{font-size:2.2rem} .cta-section{padding:80px 0} } 
@media (max-width:480px){.container{padding:0 12px} .header-logo{font-size:0.95rem;gap:6px} .header-logo i{font-size:1.1rem} .header-logo .logo-text small{font-size:0.4rem;letter-spacing:0.5px} .header-actions .btn-header{padding:5px 10px;font-size:0.6rem} .header-actions .btn-header-primary{padding:5px 12px} .header-actions .btn-header-gold{display:none} .header-mobile-toggle{width:34px;height:34px;font-size:0.9rem} .hero{padding:80px 0 50px} section{padding:40px 0} .section-title{font-size:1.8rem} .prices-grid{grid-template-columns:1fr} .blog-grid{grid-template-columns:1fr} .promo-grid{grid-template-columns:1fr} .hero-stats{flex-direction:column;gap:8px} .hero-buttons .btn{width:100%;justify-content:center} .side-panel{width:100%;max-width:100%;border-radius:0 !important;padding:28px 20px} .panel-trigger{width:44px;height:44px;font-size:1rem} .panel-trigger-right{right:12px} .promo-card .promo-value{font-size:1.8rem} } 
@media (max-width:380px){.header-logo .logo-text small{display:none} .header-actions .btn-header span{font-size:1.5em} .header-actions .btn-header i{font-size:0.8rem} .header-actions .btn-header{padding:5px 10px} }

.validate_error {
    border-color: #E74C3C !important;
    background: rgba(231, 76, 60, 0.05) !important;
    animation: shake 0.3s ease-in-out;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-6px); }
    75% { transform: translateX(6px); }
}

/* Стили для disabled кнопки */
.btn-gold:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none;
}

/* Спиннер анимация */
.fa-spin {
    animation: fa-spin 1s linear infinite;
}
@keyframes fa-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.VideoOverlay{position:fixed;z-index:9999;width:180px;height:300px;left:24px;bottom:24px;border-radius:20px;box-shadow:0 20px 60px rgba(11,26,46,0.25),0 0 0 1px rgba(255,255,255,0.08);transition:all 0.5s cubic-bezier(0.23,1,0.32,1);cursor:pointer;overflow:visible;animation:fadeSlideUp 0.6s cubic-bezier(0.23,1,0.32,1) forwards} .VideoOverlay:hover{transform:scale(1.03);box-shadow:0 24px 80px rgba(11,26,46,0.3)} .VideoOverlay.minimized{width:180px;height:120px;border-radius:16px;right:16px;bottom:16px} .VideoOverlay.minimized .VideoOverlayContent{border-radius:16px} .VideoOverlay.minimized .video-controls-overlay{opacity:0} .VideoOverlay.minimized .video-title{display:none} .VideoOverlay.minimized .video-badge{display:none} .VideoOverlay.minimized .sound-indicator{display:none} .VideoOverlay.minimized .volume-control{display:none} .VideoOverlayContent{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative;background:#0B1A2E;border:2px solid rgba(255,255,255,0.12)} .VideoOverlayContent video{width:100%;height:100%;object-fit:cover;display:block;border-radius:18px;background:#0B1A2E} .CloseVideoOverlay{position:absolute;top:-10px;right:-10px;width:32px;height:32px;border-radius:50%;background:rgba(11,26,46,0.85);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,0.15);color:white;font-size:0.8rem;font-weight:700;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 16px rgba(0,0,0,0.2);line-height:1;font-family:'Space Grotesk',sans-serif} .CloseVideoOverlay:hover{background:#E74C3C;transform:scale(1.12) rotate(90deg);border-color:#E74C3C} .VideoToggleBtn{position:absolute;bottom:10px;right:10px;width:30px;height:30px;border-radius:50%;background:rgba(11,26,46,0.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.1);color:white;font-size:0.7rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;transition:all 0.4s cubic-bezier(0.23,1,0.32,1)} .VideoOverlay:hover .VideoToggleBtn{opacity:1} .VideoToggleBtn:hover{background:rgba(43,110,176,0.8);transform:scale(1.1)} .sound-indicator{position:absolute;bottom:10px;left:10px;z-index:10;display:flex;align-items:center;gap:6px;background:rgba(11,26,46,0.6);backdrop-filter:blur(8px);padding:4px 12px 4px 8px;border-radius:60px;border:1px solid rgba(255,255,255,0.06);transition:all 0.3s ease;cursor:pointer} .sound-indicator:hover{background:rgba(43,110,176,0.6)} .sound-indicator .icon{color:white;font-size:0.75rem;width:18px;text-align:center} .sound-indicator .label{color:rgba(255,255,255,0.7);font-size:0.55rem;font-weight:500;letter-spacing:0.3px} .sound-indicator .label.active{color:#4FC3F7} .volume-control{position:absolute;bottom:48px;left:10px;z-index:10;background:rgba(11,26,46,0.85);backdrop-filter:blur(12px);border-radius:12px;padding:12px 8px;border:1px solid rgba(255,255,255,0.06);display:none;flex-direction:column;align-items:center;gap:4px;min-width:40px;transition:all 0.3s ease} .volume-control.show{display:flex;animation:fadeSlideUp 0.3s ease forwards} 
.volume-control input[type="range"] {
    writing-mode: vertical-lr;
    appearance: slider-vertical;
    -webkit-appearance: slider-vertical;
    -moz-appearance: slider-vertical;
    height: 100px;
    width: 4px;
    padding: 0;
    margin: 0;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    outline: none;
    cursor: pointer;
    accent-color: #4FC3F7;
}
/* Для Chrome, Edge, Safari */
.volume-control input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #4FC3F7;
    cursor: pointer;
    box-shadow: 0 0 20px rgba(79, 195, 247, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.2);
}

/* Для Firefox */
.volume-control input[type="range"]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #4FC3F7;
    cursor: pointer;
    border: 2px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 20px rgba(79, 195, 247, 0.3);
}

.volume-control input[type="range"]::-moz-range-track {
    width: 4px;
    height: 100px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    border: none;
}

.volume-control input[type="range"]::-webkit-slider-runnable-track {
    width: 4px;
    height: 100px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    border: none;
}
.volume-control .vol-label{color:rgba(255,255,255,0.5);font-size:0.5rem;font-weight:500;margin-top:4px} .video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.4s ease;background:rgba(11,26,46,0.15);border-radius:18px;pointer-events:none} .VideoOverlay:hover .video-play-overlay{opacity:1} .video-play-overlay .play-icon{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,0.2);color:white;font-size:1.4rem;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;pointer-events:auto;cursor:pointer} .video-play-overlay .play-icon:hover{background:rgba(43,110,176,0.6);transform:scale(1.08);border-color:rgba(43,110,176,0.4)} .video-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#E74C3C,#C0392B);color:white;font-size:0.55rem;font-weight:700;padding:4px 12px;border-radius:60px;text-transform:uppercase;letter-spacing:0.5px;z-index:5;box-shadow:0 4px 16px rgba(231,76,60,0.3);animation:pulseBadge 2s ease-in-out infinite} @keyframes pulseBadge{0%,100%{transform:scale(1)} 50%{transform:scale(1.05)} } .video-title{position:absolute;bottom:12px;left:12px;right:70px;color:white;font-size:0.7rem;font-weight:500;text-shadow:0 2px 12px rgba(0,0,0,0.5);z-index:5;opacity:0.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .video-title i{margin-right:6px;color:#4FC3F7} .video-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,0.08);border-radius:0 0 18px 18px;overflow:hidden;z-index:5} .video-progress .progress-fill{height:100%;width:0;background:linear-gradient(90deg,#2B6EB0,#4FC3F7);border-radius:0 0 18px 18px;transition:width 0.2s ease} @keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px) scale(0.95)} 100%{opacity:1;transform:translateY(0) scale(1)} } @keyframes blinkDot{0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.3;transform:scale(0.7)} } .live-indicator{display:inline-flex;align-items:center;gap:6px;background:rgba(231,76,60,0.2);padding:2px 10px 2px 6px;border-radius:60px;font-size:0.5rem;font-weight:700;color:#E74C3C;text-transform:uppercase;letter-spacing:0.5px;margin-left:4px} .live-indicator .dot{width:6px;height:6px;border-radius:50%;background:#E74C3C;animation:blinkDot 1.2s ease-in-out infinite} 
@media (max-width:768px){.VideoOverlay{width:150px;height:240px;left:16px;bottom:16px;border-radius:16px} .VideoOverlay.minimized{width:140px;height:90px;border-radius:12px} .CloseVideoOverlay{width:28px;height:28px;font-size:0.7rem;top:-8px;right:-8px} .video-play-overlay .play-icon{width:44px;height:44px;font-size:1.1rem} .video-title{font-size:0.6rem;bottom:8px;left:8px;right:56px} .video-badge{font-size:0.45rem;padding:3px 10px;top:8px;left:8px} .sound-indicator{bottom:8px;left:8px;padding:3px 10px 3px 6px} .sound-indicator .icon{font-size:0.65rem} .sound-indicator .label{font-size:0.45rem} .VideoToggleBtn{width:26px;height:26px;font-size:0.6rem;bottom:8px;right:8px;opacity:1} .volume-control input[type="range"]{width:80px} } 
@media (max-width:480px){.VideoOverlay{width:120px;height:180px;left:12px;bottom:12px;border-radius:14px} .VideoOverlay.minimized{width:120px;height:80px;border-radius:10px} .VideoOverlay.minimized .sound-indicator{display:none} .VideoOverlay.minimized .volume-control{display:none !important} .CloseVideoOverlay{width:24px;height:24px;font-size:0.6rem;top:-6px;right:-6px} .video-play-overlay .play-icon{width:36px;height:36px;font-size:0.9rem} .video-title{font-size:0.5rem;bottom:6px;left:6px;right:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .video-badge{font-size:0.4rem;padding:2px 8px;top:6px;left:6px} .sound-indicator{bottom:6px;left:6px;padding:2px 8px 2px 4px} .sound-indicator .icon{font-size:0.55rem;width:14px} .sound-indicator .label{display:none} .VideoToggleBtn{width:22px;height:22px;font-size:0.5rem;bottom:6px;right:6px;opacity:1} .volume-control{bottom:38px;left:6px;padding:8px 4px} .volume-control input[type="range"]{width:60px} } 
@media (max-width:380px){.VideoOverlay{width:90px;height:140px;left:8px;bottom:8px;border-radius:12px} .VideoOverlay.minimized{width:100px;height:70px;border-radius:8px} .video-title{display:none !important} .video-badge{display:none !important} .sound-indicator{display:none !important} .volume-control{display:none !important} .CloseVideoOverlay{width:20px;height:20px;font-size:0.5rem;top:-6px;right:-6px} .VideoToggleBtn{width:20px;height:20px;font-size:0.45rem;bottom:4px;right:4px} .video-play-overlay .play-icon{width:28px;height:28px;font-size:0.7rem} }