/* Montserrat — вариативный, обычный */
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat[wght].woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Montserrat — вариативный, курсив */
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat-Italic[wght].woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
:root{--primary-color:#0F4C81;--primary-light:#1A6BA8;--secondary-color:#4A9FD8;--secondary-light:#7BB8E3;--accent-color:#FF7A45;--accent-hover:#F06330;--bg-white:#FFFFFF;--bg-light:#F7FAFC;--bg-light-2:#EEF4F9;--bg-light-3:#E3EEF6;--bg-blue-soft:#F0F7FC;--text-color:#1F2D3D;--text-light:#6B7C93;--text-muted:#9AA7B8;--text-white:#FFFFFF;--border-color:#E4EDF3;--border-hover:#C8DCE8;--success-color:#2BA96C;--warning-color:#F5A623;--danger-color:#E74C3C;--border-radius-sm:8px;--border-radius:14px;--border-radius-lg:20px;--shadow-xs:0 1px 2px rgba(15,76,129,0.04);--shadow-sm:0 2px 8px rgba(15,76,129,0.06);--shadow-md:0 4px 16px rgba(15,76,129,0.08);--shadow-lg:0 12px 32px rgba(15,76,129,0.10);--shadow-xl:0 20px 48px rgba(15,76,129,0.12);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--container-width:1270px} *{scrollbar-width:none;-ms-overflow-style:none} *::-webkit-scrollbar{width:0;display:none} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border:0;outline:0} 
ol,ul{list-style:none} 
table{border-collapse:collapse;border-spacing:0} img{vertical-align:middle;max-width:100%;height:auto} 
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0);height:100%;scroll-behavior:smooth} 
body{font-family:'Montserrat',sans-serif;color:var(--text-color);font-size:16px;line-height:1.7;background-color:var(--bg-white);display:flex;flex-direction:column;min-height:100%;overflow-x:hidden} 
.main-content{flex:1 0 auto} 
a{background-color:transparent;text-decoration:none;transition:var(--transition);color:inherit}
a[href] {color: #0d4d8c;cursor: pointer;}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit} button{background:none;cursor:pointer} 
.container{margin:0 auto;padding:0 20px;width:100%;max-width:var(--container-width)} @media (max-width:767px){.container{padding:0 15px} } h1{font-size:4.2rem;line-height:1.15;font-weight:800;color:var(--primary-color);margin-bottom:2rem} h2{font-size:3.4rem;line-height:1.2;font-weight:800;color:var(--primary-color);margin-bottom:2rem} h3{font-size:2.2rem;line-height:1.3;font-weight:700;color:var(--primary-color);margin-bottom:1.5rem} h4{font-size:1.8rem;line-height:1.3;font-weight:700;color:var(--primary-color);margin-bottom:1rem} p{margin-bottom:1.5rem} strong,.bold{font-weight:700} @media (max-width:991px){h1{font-size:3.2rem} h2{font-size:2.6rem} h3{font-size:2rem} } @media (max-width:767px){h1{font-size:2.4rem} h2{font-size:2rem} h3{font-size:1.7rem} } .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:60px;padding:0 2.5rem;background:var(--primary-color);color:#fff;border-radius:var(--border-radius-sm);font-weight:700;font-size:1.5rem;text-transform:uppercase;letter-spacing:0.5px;text-align:center;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;box-shadow:0 4px 14px rgba(15,76,129,0.20);border:none} .btn:hover{background:var(--primary-light);transform:translateY(-3px);box-shadow:0 8px 24px rgba(15,76,129,0.28)} .btn:active{transform:translateY(-1px)} .btn.block{display:flex;width:100%} .btn--accent{background:var(--accent-color);box-shadow:0 4px 14px rgba(255,122,69,0.25)} .btn--accent:hover{background:var(--accent-hover);box-shadow:0 8px 24px rgba(255,122,69,0.35)} .more-link{display:inline-flex;align-items:center;gap:8px;color:var(--secondary-color);font-weight:600;font-size:1.6rem;border-bottom:2px solid transparent;transition:var(--transition);padding-bottom:3px} .more-link:hover{color:var(--primary-color);border-bottom-color:var(--primary-color)} .more-link i{transition:var(--transition)} .more-link:hover i{transform:translateX(5px)} .header{position:fixed;top:0;left:0;right:0;z-index:1000;height:80px;background:rgba(255,255,255,0.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:var(--transition)} .header.scrolled{height:70px;box-shadow:var(--shadow-sm);background:rgba(255,255,255,1)} .header-push{height:80px} .header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;position:relative;transition:var(--transition)} .header.scrolled .header-inner{height:70px} .header-logo img{max-height:50px;width:auto;transition:var(--transition)} .header.scrolled .header-logo img{max-height:42px} .header-phone-block{display:flex;flex-direction:column;align-items:flex-end;margin-left:3rem} .header-phone-block .call-time{font-size:1.2rem;color:var(--text-light);margin-bottom:2px} .header-phone{display:flex;align-items:center;gap:10px} .header-phone a{color:var(--primary-color);font-weight:700;font-size:1.8rem} .header-phone a:hover{color:var(--secondary-color)} .header-phone .item-icon{color:var(--secondary-color);font-size:1.8rem} .header-actions{display:flex;align-items:center;gap:2rem;margin-left:3rem} .header-action-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--bg-light);cursor:pointer;transition:var(--transition);border:none;color:var(--primary-color);font-size:1.7rem} .header-action-btn:hover{background:var(--primary-color);color:#fff} .menu-button{display:none;width:30px;height:22px;cursor:pointer;position:relative;margin-left:2rem;background:none;border:none} .icon-menu-burger{height:2px;width:100%;position:absolute;top:50%;left:0;margin:-1px 0 0 0} .icon-menu-burger__line,.icon-menu-burger::before,.icon-menu-burger::after{background:var(--primary-color);content:'';height:2px;position:absolute;right:0;transition:all 0.3s ease} .icon-menu-burger__line{width:60%;top:0} .icon-menu-burger::before{width:100%;top:-9px} .icon-menu-burger::after{width:80%;top:9px} .menu-button.active .icon-menu-burger{transform:rotate(45deg)} .menu-button.active .icon-menu-burger__line{transform:rotate(90deg)} .menu-button.active .icon-menu-burger::before{top:0} .menu-button.active .icon-menu-burger::after{top:0;width:100%} .header-search{display:none;position:absolute;inset:0;z-index:510;background:#fff;align-items:center;justify-content:space-between;padding-right:60px} .header-search.active{display:flex} .header-search form{width:100%;position:relative} .header-search input[type="text"]{width:100%;height:48px;background:var(--bg-light);border:2px solid var(--bg-light);padding:0 120px 0 20px;font-size:1.6rem;border-radius:var(--border-radius-sm);transition:var(--transition);color:var(--text-color)} .header-search input[type="text"]:focus{border-color:var(--secondary-color);background:#fff;box-shadow:0 0 0 4px rgba(74,159,216,0.12)} .header-search input[type="submit"]{position:absolute;right:4px;top:4px;height:40px;padding:0 25px;background:var(--primary-color);text-transform:uppercase;font-size:1.4rem;font-weight:600;color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);border:none} .header-search input[type="submit"]:hover{background:var(--primary-light)} .header-search-close{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-color);font-size:1.8rem} .header-search-close:hover{color:var(--accent-color)} @media (max-width:991px){.header-phone-block{display:none} .menu-button{display:block} } .top-menu-wrapper{position:relative;z-index:999;background:#fff;border-bottom:1px solid var(--border-color)} .top-menu > ul{display:flex;justify-content:space-between} .top-menu > ul > li{flex:1;position:relative} .top-menu > ul > li > a{display:block;text-align:center;color:var(--text-color);padding:16px 10px;font-weight:600;font-size:1.5rem;position:relative;white-space:nowrap;transition:var(--transition)} .top-menu > ul > li > a::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:var(--secondary-color);transition:var(--transition);border-radius:3px 3px 0 0} .top-menu > ul > li:hover > a,.top-menu > ul > li.active > a{color:var(--primary-color)} .top-menu > ul > li:hover > a::before,.top-menu > ul > li.active > a::before{width:60%} .top-menu li:hover > ul{display:block} .top-menu ul ul{display:none;position:absolute;width:280px;top:100%;left:0;background:#fff;box-shadow:var(--shadow-lg);border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);overflow:hidden;z-index:100;border:1px solid var(--border-color)} .top-menu ul ul a{display:block;padding:14px 20px;background:#fff;color:var(--text-color);font-size:1.5rem;border-bottom:1px solid var(--border-color);transition:var(--transition)} .top-menu ul ul li:last-child > a{border-bottom:none} .top-menu ul ul li:hover > a{background:var(--bg-blue-soft);color:var(--primary-color);padding-left:28px} .top-menu li.down > a::after{content:'▾';font-family:'Font Awesome 6 Free';font-weight:900;display:inline-block;margin-left:8px;font-size:1.1rem;transition:var(--transition)} @media (max-width:991px){.top-menu-wrapper{display:none} } .mobilemenu-container{position:fixed;inset:0;z-index:9999;display:none} .mobilemenu-container.open{display:block} .mobilemenu-container .overlay{position:absolute;inset:0;background:rgba(15,76,129,0.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity 0.3s ease} .mobilemenu-container.open .overlay{opacity:1} .mobilemenu-container-inner{position:absolute;top:0;right:0;bottom:0;background:#fff;width:420px;max-width:100vw;z-index:2;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);box-shadow:-20px 0 60px rgba(15,76,129,0.15)} .mobilemenu-container.open .mobilemenu-container-inner{transform:translateX(0)} .mobilemenu-header{padding:20px 30px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-light)} .mobilemenu-close{width:40px;height:40px;background:var(--primary-color);border-radius:50%;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;border:none} .mobilemenu-close:hover{background:var(--accent-color);transform:rotate(90deg)} .mobilemenu-inner{flex:1;overflow-y:auto;padding:20px 30px 30px} .mobile-menu > ul > li > a{display:block;color:var(--text-color);padding:16px 0;font-size:1.6rem;font-weight:600;border-bottom:1px solid var(--border-color);transition:var(--transition)} .mobile-menu > ul > li > a:hover,.mobile-menu > ul > li.active > a{color:var(--primary-color)} .mobile-menu ul ul{padding-left:20px;display:none} .mobile-menu ul ul.open{display:block} .mobile-menu ul ul a{display:block;font-size:1.5rem;padding:12px 0;color:var(--text-light);border-bottom:1px solid var(--border-color);font-weight:500} .mobile-menu ul ul a:hover{color:var(--primary-color)} .mobile-menu .dropdown-toggle{position:absolute;right:0;top:0;width:40px;height:55px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-light);transition:var(--transition);background:none;border:none} .mobile-menu .dropdown-toggle:hover{color:var(--primary-color)} .mobile-menu > ul > li{position:relative} .mobilemenu-bottom{padding:20px 30px;background:var(--primary-color);color:#fff} .mobilemenu-bottom .call-time{font-size:1.3rem;opacity:0.75;margin-bottom:5px} .mobilemenu-bottom .phone-block{display:flex;align-items:center;gap:12px;margin-bottom:15px} .mobilemenu-bottom .phone-block i{color:#fff;font-size:1.6rem} .mobilemenu-bottom .phone-block a{color:#fff;font-weight:700;font-size:1.8rem} .mobilemenu-bottom .phone-block a:hover{color:var(--secondary-light)} .mobilemenu-bottom .address{display:flex;align-items:center;gap:10px;font-size:1.4rem;opacity:0.9} .mobilemenu-bottom .address i{font-size:1.5rem} .messengers-buttons{display:flex;gap:10px} .messengers-buttons a{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid var(--border-color);border-radius:20px;font-size:1.4rem;color:var(--text-color);font-weight:500;transition:var(--transition)} .messengers-buttons a:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)} .messengers-buttons a i{font-size:1.6rem} @media (max-width:500px){.mobilemenu-container-inner{width:100%} } 
.hero{position:relative;padding:8rem 0;/*background:linear-gradient(180deg,#F0F7FC 0,#FFFFFF 100%);*/color:var(--text-color);overflow:hidden;min-height:850px;display:flex;align-items:center}
.hero::before{content:'';position:absolute;top:-30%;right:-15%;width:120%;height:160%;background:radial-gradient(circle,rgba(74,159,216,0.12) 0,transparent 70%);pointer-events:none} 
/*
.hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:60%;height:150%;background:radial-gradient(circle,rgba(255,122,69,0.08) 0,transparent 70%);pointer-events:none} 
*/
.hero-inner{position:relative;z-index:2;display:flex;align-items:center;gap:6rem} 
.hero-content{flex:1;max-width:600px} 
.hero-subtitle{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#fff;border:1px solid var(--border-color);border-radius:30px;font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:2.5rem;color:var(--primary-color);box-shadow:var(--shadow-xs)} .hero-subtitle i{color:var(--accent-color)} .hero h1{color:var(--primary-color);font-size:5.2rem;line-height:1.1;margin-bottom:2rem} .hero h1 span{display:block;font-size:0.5em;font-weight:500;color:var(--secondary-color);margin-top:10px;letter-spacing:2px;text-transform:uppercase} .hero-contacts{font-size:1.6rem;margin-bottom:2rem;color:var(--text-light)} .hero-contacts a{color:var(--primary-color);font-weight:700} .hero-contacts a:hover{color:var(--accent-color)} .hero-contacts i{margin-right:8px;color:var(--secondary-color)} .hero-features{margin:3rem 0} .hero-features li{display:flex;align-items:flex-start;margin-bottom:1.5rem;font-size:1.6rem;color:var(--text-color)} .hero-features li::before{content:'✓';font-family:'Font Awesome 6 Free';font-weight:900;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:1.1rem;margin-right:15px;margin-top:2px} .hero-image{flex:1;max-width:550px;position:relative;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)} .hero-image img{width:100%;display:block} .hero-image .video-holder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center} .video-holder-icon{position:relative;width:100px;height:100px;border-radius:50%} .video-holder-icon a{display:flex;align-items:center;justify-content:center;height:100%;border-radius:50%;background:rgba(255,255,255,0.95);transition:var(--transition);position:relative;z-index:2;color:var(--primary-color);font-size:2.8rem;box-shadow:0 8px 24px rgba(15,76,129,0.20)} .video-holder-icon a:hover{background:var(--accent-color);color:#fff;transform:scale(1.1)} .animation-element{position:absolute;inset:0;border-radius:50%;animation:pulse 2s linear infinite;box-shadow:0 0 0 10px rgba(255,255,255,0.4)} @keyframes pulse{0%{transform:scale(1);opacity:0.7} 100%{transform:scale(1.8);opacity:0} } @media (max-width:991px){.hero{padding:5rem 0;min-height:auto} .hero-inner{flex-direction:column;gap:4rem} .hero-content{max-width:100%;text-align:center} .hero h1{font-size:3.6rem} .hero-image{max-width:100%} .hero-features{text-align:left;max-width:500px;margin:3rem auto} } @media (max-width:767px){.hero h1{font-size:2.8rem} .hero-subtitle{font-size:1.2rem} } 
.recovery-section{border-radius:50px;margin:0 20px;position:relative;padding:10rem 0;background:linear-gradient(135deg,#F0F7FC 0,#E3EEF6 100%);color:var(--text-color);overflow:hidden} .recovery-section::before{content:'';position:absolute;inset:0;background-image:url('/images/ParalaxFirst.jpg');background-size:cover;background-position:center;opacity:0.06} .recovery-section .container{position:relative;z-index:2} .recovery-inner{display:flex;align-items:center;gap:6rem} .recovery-content{flex:1;max-width:600px} .recovery-content h3{color:var(--primary-color);font-size:3.6rem;margin-bottom:1.5rem} .recovery-content h3 span{display:block;font-size:0.6em;color:var(--secondary-color);font-weight:500;margin-top:8px} .recovery-subtitle{font-size:1.8rem;color:var(--text-light);margin-bottom:2.5rem} .recovery-features{margin:3rem 0} .recovery-features li{display:flex;align-items:flex-start;margin-bottom:1.5rem;font-size:1.6rem;color:var(--text-color)} .recovery-features li::before{content:'✓';font-family:'Font Awesome 6 Free';font-weight:900;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:1rem;margin-right:15px;margin-top:2px} @media (max-width:991px){.recovery-inner{flex-direction:column} .recovery-content{max-width:100%;text-align:center} .recovery-features{text-align:left;max-width:500px;margin:3rem auto} .recovery-content h3{font-size:2.6rem} } .services-section{padding:10rem 0;background:#fff} .services-header{text-align:center;max-width:700px;margin:0 auto 6rem} .services-header h2{margin-bottom:1.5rem} .services-header p{font-size:1.7rem;color:var(--text-light)} .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem} .service-card{background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-color);position:relative;display:flex;flex-direction:column;color:inherit} .service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease} .service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)} .service-card:hover::before{transform:scaleX(1)} .service-card-header{display:flex;align-items:center;justify-content:space-between;padding:2.5rem 2.5rem 1rem} .service-card-num{font-size:4rem;font-weight:800;color:var(--bg-light-2);line-height:1;transition:var(--transition)} .service-card:hover .service-card-num{color:var(--secondary-color)} .service-card-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-size:3rem;opacity:0.35;transition:var(--transition)} .service-card:hover .service-card-icon{opacity:1;color:var(--primary-color)} .service-card-body{padding:0 2.5rem 2.5rem;flex:1;display:flex;flex-direction:column} .service-card-title{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem;transition:var(--transition)} .service-card:hover .service-card-title{color:var(--secondary-color)} .service-card-description{font-size:1.5rem;color:var(--text-light);line-height:1.6;flex:1} .services-more{text-align:center;margin-top:5rem} 
.specialization-section{border-radius:50px;margin:0 20px;padding:10rem 0;background:var(--bg-light)} .specialization-inner{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center} .specialization-subtitle{font-size:2rem;color:var(--accent-color);font-weight:700;margin-bottom:3rem} .specialization-list{display:grid;gap:1.5rem} .specialization-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:var(--border-radius-sm);transition:var(--transition);border-left:4px solid transparent;cursor:pointer;box-shadow:var(--shadow-xs)} .specialization-item:hover{background:#fff;box-shadow:var(--shadow-md);border-left-color:var(--primary-color);transform:translateX(5px)} .specialization-item-icon{width:55px;height:55px;min-width:55px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:2.4rem;border-radius:var(--border-radius-sm)} .specialization-item-content{flex:1} .specialization-item-content strong{display:block;font-size:1.6rem;color:var(--primary-color);margin-bottom:3px} .specialization-item-content a{font-size:1.4rem;color:var(--secondary-color);font-weight:600} .specialization-item-content a:hover{color:var(--accent-color)} .specialization-image{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;} @media (max-width:991px){.specialization-inner{grid-template-columns:1fr;gap:4rem} .specialization-image{max-width:500px;margin:0 auto} } .about-section{padding:10rem 0;background:#fff} .about-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;align-items:start} .section-suptitle{display:inline-block;padding:6px 16px;background:var(--bg-blue-soft);color:var(--primary-color);border-radius:20px;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem} .about-content h2{margin-bottom:2.5rem} .about-content p{font-size:1.7rem;line-height:1.8;color:var(--text-color)} .about-list{margin:2.5rem 0} .about-list li{display:flex;align-items:center;padding:1rem 0;font-size:1.7rem;border-bottom:1px solid var(--border-color);color:var(--text-color)} .about-list li::before{content:'✓';font-family:'Font Awesome 6 Free';font-weight:900;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:1rem;margin-right:15px} .about-accent{font-size:1.7rem;color:var(--primary-color);font-weight:700;margin-top:2rem;padding:2rem;background:var(--bg-blue-soft);border-radius:var(--border-radius-sm);border-left:4px solid var(--accent-color)} .about-accent i{color:var(--accent-color);margin-right:8px} .about-stats{display:grid;grid-template-columns:1fr 1fr;gap:2rem} .stat-card{background:#fff;padding:3rem 2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);text-align:center;transition:var(--transition);border:1px solid var(--border-color);position:relative;overflow:hidden} .stat-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transition:transform 0.4s ease} .stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)} .stat-card:hover::before{transform:scaleX(1)} .stat-card-num{font-size:4rem;font-weight:800;color:var(--primary-color);line-height:1;margin-bottom:1rem} .stat-card-label{font-size:1.5rem;color:var(--text-light);font-weight:500;line-height:1.4} @media (max-width:991px){.about-inner{grid-template-columns:1fr;gap:4rem} } @media (max-width:480px){.about-stats{grid-template-columns:1fr} } 
.blog-section{padding:10rem 0;background:var(--bg-light)} .blog-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:5rem;flex-wrap:wrap;gap:2rem} .blog-header-content p{font-size:1.7rem;color:var(--text-light)} .blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:3rem} .blog-card{display:block;background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition);color:inherit} .blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)} .blog-card-image{position:relative;overflow:hidden;background:var(--bg-light-2)} .blog-card-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)} .blog-card:hover .blog-card-image img{transform:scale(1.08)} .blog-card-badge{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:1.4rem;font-weight:700;box-shadow:var(--shadow-md)} .blog-card-body{padding:2.5rem} .blog-card-title{font-size:1.8rem;font-weight:700;color:var(--primary-color);line-height:1.4;transition:var(--transition)} .blog-card:hover .blog-card-title{color:var(--secondary-color)} .cta-section{position:relative;padding:10rem 0;background:linear-gradient(135deg,#F0F7FC 0,#E3EEF6 100%);color:var(--text-color);overflow:hidden} .cta-section::before{content:'';position:absolute;top:-30%;right:-10%;width:60%;height:160%;background:radial-gradient(circle,rgba(74,159,216,0.15) 0,transparent 70%)} .cta-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;align-items:center} .cta-content h2{color:var(--primary-color);margin-bottom:2rem} .cta-description{font-size:1.8rem;color:var(--text-light);margin-bottom:3rem} .cta-form{background:#fff;padding:4rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color)} .cta-form-title{font-size:2.4rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem} .cta-form-description{font-size:1.5rem;color:var(--text-light);margin-bottom:2.5rem} .form-group{position:relative;margin-bottom:2rem} .form-control{display:block;width:100%;height:60px;padding:0 20px;border:2px solid var(--border-color);background:var(--bg-light);color:var(--text-color);font-size:1.6rem;border-radius:var(--border-radius-sm);transition:var(--transition)} .form-control:focus{background:#fff;border-color:var(--secondary-color);box-shadow:0 0 0 4px rgba(74,159,216,0.12)} .form-control::placeholder{color:var(--text-muted)} .form-control.rferr{border-color:var(--danger-color);background:rgba(231,76,60,0.04)} .agreement{position:relative;margin-bottom:2.5rem;color:var(--text-light);font-size:1.3rem;line-height:1.5;padding-left:35px} .agreement input{position:absolute;opacity:0;visibility:hidden} .agreement label{display:inline;position:relative;cursor:pointer;font-weight:400} .agreement input + label::before{background:#fff;border:2px solid var(--border-color);content:"";display:block;position:absolute;width:22px;height:22px;top:0;left:-35px;border-radius:6px;transition:var(--transition)} .agreement input:checked + label::before{background:var(--primary-color);border-color:var(--primary-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center} .agreement a{color:var(--primary-color);text-decoration:underline} .agreement a:hover{text-decoration:none;color:var(--secondary-color)} @media (max-width:991px){.cta-inner{grid-template-columns:1fr;gap:4rem} .cta-form{padding:3rem} } .price-section{padding:10rem 0;background:#fff} .price-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:5rem;flex-wrap:wrap;gap:2rem} .tabs-wrapper{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start} .tabs-nav{display:flex;flex-direction:column;gap:1rem;position:sticky;top:100px} .tabs-nav-item{padding:2rem 2.5rem;background:#fff;border-radius:var(--border-radius-sm);font-size:1.6rem;font-weight:600;color:var(--text-color);cursor:pointer;transition:var(--transition);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:1rem} .tabs-nav-item::after{content:'✓';font-family:'Font Awesome 6 Free';font-weight:900;opacity:0;transform:translateX(-10px);transition:var(--transition)} .tabs-nav-item:hover{border-color:var(--secondary-color);color:var(--secondary-color);background:var(--bg-blue-soft)} .tabs-nav-item.current{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 8px 20px rgba(15,76,129,0.20)} .tabs-nav-item.current::after{opacity:1;transform:translateX(0)} .tabs-nav-item span{display:inline-flex;align-items:center;gap:10px} .tabs-content{background:#fff;border-radius:var(--border-radius);padding:3rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)} .tabs-panel{display:none} .tabs-panel.current{display:block;animation:fadeIn 0.4s ease} @keyframes fadeIn{from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } .tabs-panel h3{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)} .price-list{display:flex;flex-direction:column;gap:1rem} .price-item{display:flex;align-items:center;justify-content:space-between;padding:1.8rem 2rem;background:var(--bg-light);border-radius:var(--border-radius-sm);transition:var(--transition);gap:2rem;border:1px solid transparent} .price-item:hover{background:#fff;border-color:var(--border-color);transform:translateX(5px);box-shadow:var(--shadow-sm)} .price-item-title{font-size:1.6rem;flex:1;color:var(--text-color)} .price-item-title a{color:var(--primary-color);text-decoration:underline} .price-item-title a:hover{color:var(--secondary-color)} .price-item-value{font-size:1.7rem;font-weight:700;color:var(--primary-color);white-space:nowrap} @media (max-width:991px){.tabs-wrapper{grid-template-columns:1fr} .tabs-nav{position:static;flex-direction:row;overflow-x:auto;padding-bottom:1rem} .tabs-nav-item{flex-shrink:0;padding:1.5rem 2rem} .tabs-nav-item::after{display:none} } @media (max-width:767px){.tabs-content{padding:2rem} .price-item{flex-direction:column;align-items:flex-start;gap:0.5rem} } .gallery-section{padding:10rem 0;background:var(--bg-light)} .gallery-section h2{text-align:center;margin-bottom:5rem} .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem} .gallery-item{display:block;border-radius:var(--border-radius);overflow:hidden;aspect-ratio:4/3;position:relative;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;border:1px solid var(--border-color)} .gallery-item::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,76,129,0.7),rgba(74,159,216,0.6));opacity:0;transition:var(--transition);z-index:1} .gallery-item::after{content:'\f067';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:60px;height:60px;background:#fff;color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:var(--transition);z-index:2} .gallery-item img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)} .gallery-item:hover::before{opacity:1} .gallery-item:hover::after{transform:translate(-50%,-50%) scale(1)} .gallery-item:hover img{transform:scale(1.1)} .ratings-section{padding:10rem 0;background:#fff} .ratings-section h2{text-align:center;margin-bottom:5rem} .ratings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem} .rating-card{display:block;background:#fff;border-radius:var(--border-radius);padding:3rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition);color:inherit} .rating-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)} .rating-card-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)} .rating-card-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-blue-soft);border-radius:var(--border-radius-sm);font-size:2.4rem;color:var(--primary-color)} .rating-card-title{font-size:2rem;font-weight:700;color:var(--primary-color)} .rating-card-body{display:flex;align-items:center;justify-content:space-between} .rating-card-score{font-size:4rem;font-weight:800;color:var(--primary-color);line-height:1} .rating-card-stars{display:flex;gap:3px;margin-top:8px;color:#FFB547;font-size:1.6rem} .rating-card-stars .empty{color:#E4EDF3} .rating-card-count{font-size:1.5rem;color:var(--text-light);text-align:right} 
.reviews-section{padding:10rem 0;background:var(--bg-light)} .reviews-section h2{text-align:center;margin-bottom:5rem} .reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem} .review-card{background:#fff;border-radius:var(--border-radius);padding:3.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);position:relative;transition:var(--transition)} .review-card::before{content:'\f10d';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:20px;right:30px;font-size:4rem;color:var(--bg-light-2)} .review-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px);border-color:var(--border-hover)} .review-card-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;position:relative;z-index:2} .review-card-avatar{width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;flex-shrink:0} .review-card-name{font-size:1.8rem;font-weight:700;color:var(--primary-color)} .review-card-source{font-size:1.3rem;color:var(--text-light)} .review-card-text{font-size:1.6rem;line-height:1.7;position:relative;z-index:2;color:var(--text-color)} @media (max-width:767px){.reviews-grid{grid-template-columns:1fr} .review-card{padding:2.5rem} } 
.review-card-text a{color:var(--primary-color);font-weight:600}.review-card-text a:hover{color:var(--secondary-color)}.review-rating{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto;position:relative;z-index:2}.rating-stars{display:flex;gap:3px;color:#FFB547;font-size:1.5rem}.rating-stars .star.empty{color:#E4EDF3}.rating-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0;padding:1.8rem;background:var(--bg-light);border-radius:var(--border-radius-sm);position:relative;z-index:2}.rating-details-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1.4rem}.rating-details-item .label{color:var(--text-light);font-weight:500}.rating-details-item .value{color:var(--primary-color);font-weight:700;white-space:nowrap}.review-content{position:relative;z-index:2}.review-content .review-text{font-size:1.6rem;line-height:1.7;color:var(--text-color);margin-bottom:1.5rem}.review-advantages,.review-disadvantages{display:flex;align-items:flex-start;gap:10px;padding:1.2rem 1.5rem;border-radius:var(--border-radius-sm);font-size:1.4rem;line-height:1.6;margin-bottom:1rem;color:var(--text-color)}.review-advantages{background:rgba(43,169,108,0.08);border-left:3px solid var(--success-color)}.review-advantages i{color:var(--success-color);margin-top:3px;flex-shrink:0}.review-disadvantages{background:rgba(231,76,60,0.06);border-left:3px solid var(--danger-color)}.review-disadvantages i{color:var(--danger-color);margin-top:3px;flex-shrink:0}.review-recommend{display:flex;align-items:center;gap:10px;margin-top:2rem;padding-top:1.8rem;border-top:1px solid var(--border-color);font-size:1.4rem;font-weight:600;position:relative;z-index:2}.review-recommend.yes{color:var(--success-color)}.review-recommend.no{color:var(--danger-color)}.review-recommend i{font-size:1.5rem}.review-recommend .views{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-weight:500;opacity:0.9}@media (max-width:767px){.review-card-header{flex-wrap:wrap;gap:1.2rem} .review-rating{align-items:flex-start;margin-left:0;width:100%} .rating-details{grid-template-columns:1fr;padding:1.5rem} .review-advantages,.review-disadvantages{font-size:1.3rem;padding:1rem 1.2rem}}
.booking-section{padding:10rem 0;background:linear-gradient(135deg,#F0F7FC 0,#E3EEF6 100%);color:var(--text-color)} .booking-inner{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center} .booking-steps h2{color:var(--primary-color);margin-bottom:2rem} .booking-subtitle{font-size:1.8rem;color:var(--text-light);margin-bottom:3.5rem} .booking-step{display:flex;gap:2rem;margin-bottom:2.5rem;align-items:flex-start} .booking-step-num{font-size:4.5rem;font-weight:800;color:var(--secondary-light);line-height:1;flex-shrink:0;min-width:90px} .booking-step-text{font-size:1.6rem;line-height:1.6;padding-top:8px;color:var(--text-color)} .booking-step-text a{color:var(--primary-color);text-decoration:underline;font-weight:600} .booking-step-text a:hover{color:var(--accent-color);text-decoration:none} .booking-form-wrapper{background:#fff;padding:4rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color)} .booking-form-title{font-size:2.4rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem} .booking-form-description{font-size:1.5rem;color:var(--text-light);margin-bottom:2.5rem} @media (max-width:991px){.booking-inner{grid-template-columns:1fr;gap:4rem} } .faq-section{padding:10rem 0;background:#fff} .faq-header{text-align:center;max-width:700px;margin:0 auto 5rem} .faq-header h2{margin-bottom:1.5rem} .faq-header p{font-size:1.7rem;color:var(--text-light)} .faq-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem} .faq-item{background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-xs);border:1px solid var(--border-color);transition:var(--transition)} .faq-item:hover{box-shadow:var(--shadow-sm);border-color:var(--border-hover)} .faq-item.active{border-color:var(--primary-color);box-shadow:var(--shadow-md)} .faq-question{padding:2rem 2.5rem;font-size:1.7rem;font-weight:600;color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:2rem;transition:var(--transition);background:#fff} .faq-question:hover,.faq-item.active .faq-question{color:var(--secondary-color)} .faq-icon{width:32px;height:32px;min-width:32px;background:var(--bg-blue-soft);border-radius:50%;transition:var(--transition);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.3rem} .faq-item.active .faq-icon{background:var(--primary-color);color:#fff} .faq-icon i{transition:var(--transition)} .faq-item.active .faq-icon i{transform:rotate(45deg)} .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease} .faq-item.active .faq-answer{max-height:2000px} .faq-answer-inner{padding:2rem 2.5rem 2.5rem;font-size:1.6rem;line-height:1.7;border-top:1px solid var(--border-color);color:var(--text-color)} .faq-answer-inner ul{margin:1rem 0;padding:0} .faq-answer-inner li{padding:0.5rem 0 0.5rem 1.8rem;position:relative} .faq-answer-inner li::before{content:'\f111';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:0;color:var(--secondary-color);font-size:0.5rem;top:1.2rem} .faq-answer-inner a{color:var(--primary-color);text-decoration:underline} .faq-answer-inner a:hover{color:var(--secondary-color)} @media (max-width:767px){.faq-question{padding:1.5rem;font-size:1.5rem} .faq-answer-inner{padding:1.5rem} } .contacts-section{position:relative;background:var(--bg-light)} .contacts-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:8rem 0} .contacts-block{background:#fff;padding:4rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color)} .contacts-block h2{margin-bottom:3rem} .contact-item{display:flex;gap:2rem;padding:1.8rem 0;border-bottom:1px solid var(--border-color);align-items:flex-start} .contact-item:last-child{border-bottom:none} .contact-item-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-blue-soft);border-radius:var(--border-radius-sm);flex-shrink:0;color:var(--primary-color);font-size:2rem} .contact-item-content{flex:1} .contact-item-title{font-size:1.4rem;color:var(--text-light);margin-bottom:5px;font-weight:500} .contact-item-value{font-size:1.7rem;font-weight:600;color:var(--primary-color)} .contact-item-value a{color:var(--primary-color)} .contact-item-value a:hover{color:var(--secondary-color)} .contacts-messengers{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)} .contacts-messengers-title{font-size:1.4rem;color:var(--text-light);margin-bottom:1.5rem} .contacts-messengers-buttons{display:flex;gap:1rem;flex-wrap:wrap} .messenger-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-light);border:1px solid var(--border-color);border-radius:25px;font-size:1.4rem;font-weight:600;color:var(--text-color);transition:var(--transition)} .messenger-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)} @media (max-width:991px){.contacts-inner{grid-template-columns:1fr;padding:6rem 0} .contacts-block{padding:3rem} } .footer{background:var(--bg-light-2);color:var(--text-color);padding:6rem 0 0;border-top:1px solid var(--border-color)} .footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:5rem;padding-bottom:5rem;border-bottom:1px solid var(--border-color)} .footer-logo{margin-bottom:2.5rem} .footer-logo img{max-width:150px} .footer-text{font-size:1.4rem;color:var(--text-light);line-height:1.7} .footer-col-title{font-size:1.7rem;font-weight:700;margin-bottom:2rem;color:var(--primary-color)} .footer-links{display:flex;flex-direction:column;gap:1.2rem} .footer-links a{color:var(--text-light);font-size:1.5rem;transition:var(--transition);display:inline-flex;align-items:center;gap:10px} .footer-links a:hover{color:var(--primary-color);transform:translateX(5px)} .footer-links a i{color:var(--secondary-color)} .footer-bottom{padding:2.5rem 0} .footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;font-size:1.4rem;color:var(--text-light)} .footer-bottom-inner a{color:var(--text-light)} .footer-bottom-inner a:hover{color:var(--primary-color)} @media (max-width:991px){.footer-main{grid-template-columns:1fr;gap:4rem} } .StartChatBtn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;z-index:999;cursor:pointer;background:var(--primary-color);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(15,76,129,0.30);transition:var(--transition);color:#fff;font-size:2.4rem;border:none} .StartChatBtn:hover{transform:scale(1.1) translateY(-3px);background:var(--accent-color);box-shadow:0 15px 35px rgba(255,122,69,0.35)} @media (max-width:767px){.StartChatBtn{width:50px;height:50px;bottom:20px;right:20px;font-size:2rem} } .reveal{opacity:0;transform:translateY(40px);transition:opacity 0.7s ease,transform 0.7s ease} .reveal.visible{opacity:1;transform:translateY(0)} .reveal-delay-1{transition-delay:0.1s} .reveal-delay-2{transition-delay:0.2s} .reveal-delay-3{transition-delay:0.3s} .reveal-delay-4{transition-delay:0.4s} @media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none} *{animation-duration:0.01ms !important;transition-duration:0.01ms !important} } .modal-overlay{position:fixed;inset:0;background:rgba(15,76,129,0.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:none;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity 0.3s ease} .modal-overlay.active{display:flex;opacity:1} .modal-content{background:#fff;border-radius:var(--border-radius);padding:4rem;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:scale(0.9);transition:transform 0.3s ease;box-shadow:var(--shadow-xl)} .modal-overlay.active .modal-content{transform:scale(1)} .modal-close{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:50%;background:var(--bg-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);border:none;font-size:1.6rem} .modal-close:hover{background:var(--accent-color);color:#fff;transform:rotate(90deg)} .modal-title{font-size:2.4rem;font-weight:700;color:var(--primary-color);margin-bottom:3rem;text-align:center} .modal-content .form-group{margin-bottom:1.5rem} .modal-content label{display:block;font-size:1.4rem;font-weight:600;margin-bottom:8px;color:var(--text-color)} .lightbox{position:fixed;inset:0;background:rgba(15,76,129,0.95);z-index:10001;display:none;align-items:center;justify-content:center;padding:40px} .lightbox.active{display:flex} .lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px} .lightbox-close{position:absolute;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,0.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);border:none;font-size:1.8rem} .lightbox-close:hover{background:var(--accent-color);transform:rotate(90deg)} .auth-overlay{position:fixed;inset:0;background:rgba(15,76,129,0.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998;opacity:0;visibility:hidden;transition:opacity 0.4s ease,visibility 0.4s ease} .auth-overlay.active{opacity:1;visibility:visible} .auth-panel{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100vw;background:#fff;z-index:9999;box-shadow:-20px 0 60px rgba(15,76,129,0.15);transform:translateX(100%);transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;overflow:hidden} .auth-panel.active{transform:translateX(0)} .auth-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--bg-light);border:1px solid var(--border-color);color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:10;font-size:1.8rem} .auth-close:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:rotate(90deg)} .auth-inner{flex:1;overflow-y:auto;padding:40px 40px 50px;background:#fff} .auth-header{text-align:center;margin-bottom:30px} .auth-logo{display:inline-block;margin-bottom:20px} .auth-logo img{max-width:120px} .auth-title{font-size:2.4rem;font-weight:800;color:var(--primary-color);margin-bottom:8px;line-height:1.2} .auth-subtitle{font-size:1.4rem;color:var(--text-light);line-height:1.5} .auth-tabs{position:relative;display:flex;background:var(--bg-light);border-radius:12px;padding:6px;margin-bottom:30px} .auth-tab{flex:1;padding:12px;background:transparent;border:none;font-size:1.5rem;font-weight:600;color:var(--text-light);cursor:pointer;border-radius:8px;transition:color 0.3s ease;position:relative;z-index:2} .auth-tab.active{color:var(--primary-color)} .auth-tab-indicator{position:absolute;top:6px;left:6px;height:calc(100% - 12px);width:calc(50% - 6px);background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(15,76,129,0.08);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);z-index:1} .auth-tab-indicator.right{transform:translateX(100%)} .auth-form-wrapper{display:none;animation:authFadeIn 0.4s ease} .auth-form-wrapper.active{display:block} @keyframes authFadeIn{from{opacity:0;transform:translateY(15px)} to{opacity:1;transform:translateY(0)} } .auth-form{display:flex;flex-direction:column;gap:18px} .auth-field{display:flex;flex-direction:column;gap:8px} .auth-label{font-size:1.3rem;font-weight:600;color:var(--text-color);padding-left:2px} .auth-input-wrapper{position:relative;display:flex;align-items:center} .auth-input-icon{position:absolute;left:16px;color:var(--text-light);pointer-events:none;transition:color 0.3s ease;z-index:1;font-size:1.6rem} .auth-input{width:100%;height:54px;padding:0 48px;background:var(--bg-light);border:2px solid transparent;border-radius:12px;font-size:1.5rem;color:var(--text-color);transition:var(--transition);outline:none} .auth-input::placeholder{color:var(--text-muted)} .auth-input:focus{background:#fff;border-color:var(--secondary-color);box-shadow:0 0 0 4px rgba(74,159,216,0.12)} .auth-input-wrapper:focus-within .auth-input-icon{color:var(--secondary-color)} .auth-input.error{border-color:var(--danger-color);background:rgba(231,76,60,0.04)} .auth-input.success{border-color:var(--success-color);background:rgba(43,169,108,0.04)} .auth-toggle-password{position:absolute;right:12px;width:36px;height:36px;border-radius:8px;background:transparent;border:none;color:var(--text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);font-size:1.5rem} .auth-toggle-password:hover{background:var(--bg-blue-soft);color:var(--primary-color)} .auth-error{font-size:1.2rem;color:var(--danger-color);padding-left:2px;display:none} .auth-error.visible{display:block;animation:authFadeIn 0.3s ease} .auth-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:-5px} .auth-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:1.4rem;user-select:none} .auth-checkbox input{position:absolute;opacity:0;visibility:hidden} .auth-checkmark{position:relative;width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;background:#fff;transition:var(--transition);flex-shrink:0} .auth-checkbox input:checked + .auth-checkmark{background:var(--primary-color);border-color:var(--primary-color)} .auth-checkbox input:checked + .auth-checkmark::after{content:'';position:absolute;top:2px;left:6px;width:5px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)} .auth-link{font-size:1.4rem;color:var(--primary-color);font-weight:600} .auth-link:hover{color:var(--accent-color);text-decoration:underline} .auth-agreement{position:relative;padding-left:32px;font-size:1.3rem;color:var(--text-light);line-height:1.5;margin:0} .auth-agreement input{position:absolute;opacity:0;visibility:hidden} .auth-agreement label{display:inline;position:relative;cursor:pointer} .auth-agreement label::before{content:'';position:absolute;top:1px;left:-32px;width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;background:#fff;transition:var(--transition)} .auth-agreement input:checked + label::before{background:var(--primary-color);border-color:var(--primary-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center} .auth-agreement a{color:var(--primary-color);text-decoration:underline} .auth-agreement a:hover{text-decoration:none} .auth-strength{display:flex;gap:4px;margin-top:6px} .auth-strength-bar{flex:1;height:4px;background:var(--border-color);border-radius:2px;transition:background 0.3s ease} .auth-strength[data-strength="1"] .auth-strength-bar:nth-child(1){background:#E74C3C} .auth-strength[data-strength="2"] .auth-strength-bar:nth-child(-n+2){background:#F5A623} .auth-strength[data-strength="3"] .auth-strength-bar:nth-child(-n+3){background:#4A9FD8} .auth-strength[data-strength="4"] .auth-strength-bar{background:var(--success-color)} .auth-strength-text{font-size:1.2rem;color:var(--text-light);margin-top:4px;display:none} .auth-strength-text.visible{display:block} .auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;padding:0 30px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;transition:var(--transition);box-shadow:0 8px 20px rgba(15,76,129,0.20);margin-top:5px} .auth-submit:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,76,129,0.28)} .auth-submit i{transition:transform 0.3s ease} .auth-submit:hover i{transform:translateX(4px)} .auth-submit:disabled{opacity:0.6;cursor:not-allowed;transform:none} .auth-divider{position:relative;text-align:center;margin:10px 0} .auth-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)} .auth-divider span{position:relative;display:inline-block;padding:0 15px;background:#fff;font-size:1.3rem;color:var(--text-light)} .auth-social{display:flex;justify-content:center;gap:12px} .auth-social-btn{width:50px;height:50px;border-radius:12px;background:#fff;border:2px solid var(--border-color);color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);font-size:2rem} .auth-social-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-3px);box-shadow:var(--shadow-md)} .auth-social-btn[data-provider="yandex"]:hover{color:#FC3F1D;border-color:#FC3F1D} .auth-social-btn[data-provider="google"]:hover{color:#4285F4;border-color:#4285F4} .auth-back{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-light);border:none;border-radius:8px;color:var(--text-color);font-size:1.3rem;font-weight:600;cursor:pointer;transition:var(--transition);align-self:flex-start;margin-bottom:15px} .auth-back:hover{background:var(--primary-color);color:#fff} .auth-forgot-icon{display:flex;align-items:center;justify-content:center;width:90px;height:90px;margin:0 auto 20px;background:var(--bg-blue-soft);border-radius:50%;color:var(--primary-color);font-size:3.6rem} .auth-forgot-title{text-align:center;font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:12px} .auth-forgot-text{text-align:center;font-size:1.4rem;color:var(--text-light);line-height:1.6;margin-bottom:25px} .auth-toast{position:fixed;top:30px;right:30px;padding:16px 24px;background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);font-size:1.4rem;font-weight:600;color:var(--text-color);z-index:10000;transform:translateX(150%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;gap:12px;max-width:400px;border-left:4px solid var(--success-color)} .auth-toast.visible{transform:translateX(0)} .auth-toast.error{border-left-color:var(--danger-color)} .auth-toast i{flex-shrink:0;font-size:1.8rem} .auth-toast.success i{color:var(--success-color)} .auth-toast.error i{color:var(--danger-color)} .auth-toast.info i{color:var(--secondary-color)} @media (max-width:600px){.auth-panel{width:100%} .auth-inner{padding:30px 20px 40px} .auth-close{top:15px;right:15px;width:40px;height:40px} .auth-title{font-size:2rem} .auth-input{height:50px;font-size:1.4rem} .auth-submit{height:52px;font-size:1.4rem} .auth-toast{top:15px;right:15px;left:15px;max-width:none} .modal-content{padding:2.5rem} }