/* === HEADER === */
.main__header--top {
    background: #F4FDF7 !important;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
    height: 76px !important;
    padding: 0 !important;
}
.main__header--top .container {
    max-width: none !important;
    width: 100% !important;
    padding: 0 120px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.main__header--top .flex-content {
    height: 76px !important;
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
}

.header-logo {
    display: block;
    width: 149px;
    height: 55px;
    flex-shrink: 0;
}
.header-logo img { width: 100%; height: 100%; object-fit: contain; }

.main__header--top-wizard { flex: 1 !important; max-width: 500px !important; }
.main__header--top-points { margin-left: auto !important; }

.progress-wizard {
    height: auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 1 !important;
    margin-left: 60px !important;
}
.progress-wizard .progress-text-bar {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}
.progress-wizard__info {
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}
.progress-wizard ul {
    background: #E5EAF3 !important;
    border-radius: 10px !important;
    height: 10px !important;
    min-height: 10px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.progress-wizard ul li {
    background: transparent !important;
    height: 10px !important;
    border-radius: 10px !important;
}
.progress-wizard ul li .progress {
    background: linear-gradient(90deg, #5cbb73, #3a9d5c) !important;
    border-radius: 10px !important;
    height: 10px !important;
}
.progress-wizard ul li:before { display: none !important; }
.progress-wizard ul li .checkbox-icon { display: none !important; }

.header-check-icon {
    flex-shrink: 0;
    margin-right: 10px;
    display: flex;
    align-items: center;
}
.header-check-icon img { width: 24px; height: 24px; border-radius: 6px; }

.main__header--top-points,
.main__header--top-rating {
    display: flex !important;
    align-items: center !important;
}
.main__header--top-points .dropdown__link,
.main__header--top-rating .dropdown__link {
    color: #333 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}
.star-info { color: #333 !important; }

.main__header--accessibility {
    display: flex !important;
    align-items: center !important;
}
.main__header--accessibility .dropdown__link {
    color: #5B9E6F !important;
    background: #fff !important;
    border: 2px solid #D5DDD8 !important;
    border-radius: 14px !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 22px !important;
}
.main__header--accessibility .dropdown__link:hover {
    background: #f0f7f2 !important;
}

.main__header--languages {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.main__header--languages .dropdown__link,
.main__header--languages .dropdown-toggle {
    color: #333 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
}
.main__header--languages .caret { display: none !important; }
.main__header--languages .dropdown:hover .dropdown-menu {
    display: block !important;
}
.main__header--languages .dropdown-menu {
    min-width: 140px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
    border: 1px solid #eee !important;
    padding: 6px 0 !important;
    margin-top: 4px !important;
}
.main__header--languages .dropdown-menu li a {
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #333 !important;
}
.main__header--languages .dropdown-menu li a:hover {
    background: #f0f7f2 !important;
    color: #1a7a33 !important;
}

.main__header--auth {
    display: flex !important;
    align-items: center !important;
}
.main__header--auth .login-link {
    background: #24a142 !important;
    color: #fff !important;
    padding: 10px 24px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    white-space: nowrap !important;
}

/* === SIDEBAR === */
.sidebar__nav {
    padding: 10px 6px !important;
}
.sidebar__nav ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}
.sidebar__nav ul li {
    list-style: none !important;
}
.sidebar__nav ul a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 6px !important;
    border-radius: 12px !important;
    border: 1px solid transparent !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #555 !important;
    gap: 5px !important;
    transition: all 0.2s !important;
    text-decoration: none !important;
    min-height: 60px !important;
}
.sidebar__nav ul a span {
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}
.sidebar__nav ul a:hover {
    background: #f0f7f2 !important;
    color: #333 !important;
}
.sidebar__nav ul a.is_active {
    background: #E0FFD7 !important;
    border: 1px solid #AFE99E !important;
    color: #333 !important;
}
.sidebar-icon {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
}
.sidebar__nav ul a .s-spr-s { display: none !important; }

/* === HERO === */
.home-section {
    background: linear-gradient(180deg, #E2F3FF 0%, #AADCFF 100%) !important;
    background-color: #AADCFF !important;
    height: calc(60vh + 26px) !important;
    min-height: 408px !important;
}
.h-down { display: none !important; }
.h-bg-cloud, .h-bg-cloud2 { display: none !important; }
.h-title .logo { display: none !important; }
.h-title .hero-text { display: flex !important; }
.h-title {
    left: calc(10% + 40px) !important;
    text-align: left !important;
}

.hero-text {
    display: none;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    max-width: 400px;
    position: relative;
    z-index: 200;
}
.hero-text h2 {
    font-size: 34px; font-weight: 700; color: #0A4370; white-space: nowrap;
    line-height: 1.2; margin: 0; text-shadow: none !important;
}
.hero-text p {
    font-size: 15px; color: #000; line-height: 150%;
    margin: 0; text-shadow: none !important;
}
.hero-text a {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 151px; height: 44px; padding: 0 24px;
    background: #fff; color: #1a1a2e; border: none; border-radius: 50px;
    font-size: 14px; font-weight: 600; text-decoration: none !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06), 0 3px 0 #ccc; transition: all 0.2s;
}
.hero-text a:hover { background: #f0f0f0; color: #1a7a33; transform: translateY(-2px); }

.h-cloud1, .h-cloud2, .h-cloud3, .h-cloud4 { z-index: 1 !important; opacity: 0.7 !important; margin-top: -20px !important; }
.h-cloud1 { top: 110px !important; left: unset !important; right: 55% !important; z-index: 88 !important; opacity: 0.5 !important; }
.h-cloud1 { animation: cloud1Move 8s linear infinite alternate !important; }
.h-cloud2 { animation: cloud2Move 10s linear infinite alternate !important; top: 100px !important; }
.h-cloud3 { animation: cloud3Move 7s linear infinite alternate !important; top: 30px !important; }
.h-cloud4 { animation: cloud4Move 9s linear infinite alternate !important; top: 50px !important; }
@keyframes cloud1Move { 0% { transform: scale(0.5) translateX(-100px); } 100% { transform: scale(0.5) translateX(150px); } }
@keyframes cloud2Move { 0% { transform: scale(0.5) translateX(-80px); } 100% { transform: scale(0.5) translateX(120px); } }
@keyframes cloud3Move { 0% { transform: scale(0.5) translateX(-60px); } 100% { transform: scale(0.5) translateX(140px); } }
@keyframes cloud4Move { 0% { transform: scale(0.5) translateX(-90px); } 100% { transform: scale(0.5) translateX(130px); } }

.h-forum { transform: scale(0.75) !important; transform-origin: bottom center !important; }

.h-girl { left: unset !important; right: 400px !important; transform: scaleX(-1) !important; width: 124px !important; height: 208px !important; }
.h-boy { left: unset !important; right: 480px !important; transform: none !important; width: 94px !important; height: 208px !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 101 !important; }

@media (max-width: 991px) {
    .hero-text { max-width: 280px; }
    .hero-text h2 { font-size: 26px; white-space: normal; }
    .h-title { left: 5% !important; }
    .main__header--top .container { padding: 0 30px !important; }
}
@media (max-width: 600px) {
    .hero-text { max-width: 240px; }
    .hero-text h2 { font-size: 22px; }
    .main__header--top .container { padding: 0 15px !important; }
}