* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: Arial, sans-serif;
    background: #132648;
    color: #e8e8e8;
    line-height: 1.6;
    min-height: 100vh;
}

.pq7n4r {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.vf8w3t {
    flex: 1;
}

.container, .wx9p2j {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.container-fluid, .bg3p7x {
    width: 100%;
    padding: 0;
}

.box, .jx6w9r {
    background: rgba(19, 35, 66, 0.8);
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
}

.hidden {
    display: none !important;
}

.header-main, .kx7m4n {
    background: #132342;
    padding: 15px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.header-wrapper, .zm3k8p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.header-logo-block, .pn5k9t {
    flex-shrink: 0;
}

.logo-img, .qw7k3n {
    max-width: 180px;
    height: auto;
    display: block;
}

.header-nav, .fk9m6p {
    flex: 1;
    display: flex;
    justify-content: center;
}

.nav-list, .tn4k8m {
    display: flex;
    gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-link, .hx5m9k {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 15px;
    color: #e8e8e8;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.nav-link:hover {
    background: rgba(228, 200, 128, 0.1);
    color: #e4c880;
}

.nav-icon, .mx3k7p {
    font-size: 18px;
}

.header-actions, .qm8k5z {
    display: flex;
    align-items: center;
    gap: 12px;
}

.reviews-count-badge, .vn2k7m {
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgba(228, 200, 128, 0.15);
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 14px;
    color: #e4c880;
}

.btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    border: none;
    transition: all 0.3s ease;
    font-size: 15px;
}

.btn-login, .px7m3k {
    background: transparent;
    color: #e4c880;
    border: 2px solid #e4c880;
}

.btn-login:hover {
    background: #e4c880;
    color: #132342;
}

.btn-register, .btn-primary, .qm8f5t {
    background: #2eaf00;
    color: #fff;
}

.btn-register:hover, .btn-primary:hover {
    background: #25890 0;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(46, 175, 0, 0.4);
}

.btn-bonus {
    background: #e4c880;
    color: #132342;
}

.btn-bonus:hover {
    background: #d4b870;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(228, 200, 128, 0.4);
}

.btn-secondary, .vz7k4n {
    background: #444;
    color: #fff;
}

.btn-secondary:hover {
    background: #555;
}

.btn-hero {
    padding: 15px 40px;
    font-size: 18px;
}

.btn-widget {
    width: 100%;
    padding: 14px 20px;
}

.burger-btn, .tn6k9w {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 8px;
}

.burger-line, .fz8k2m {
    width: 28px;
    height: 3px;
    background: #e4c880;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.mobile-menu, .hk3m7n {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    z-index: 2000;
    transition: left 0.3s ease;
}

.mobile-menu.active {
    left: 0;
}

.mobile-menu-overlay, .wn8k5p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.mobile-menu-content, .vz4k9m {
    position: relative;
    background: #132342;
    width: 85%;
    max-width: 350px;
    height: 100%;
    overflow-y: auto;
    box-shadow: 4px 0 15px rgba(0, 0, 0, 0.5);
}

.mobile-menu-header, .px9k2t {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid rgba(228, 200, 128, 0.2);
}

.mobile-logo, .qw5k8n {
    max-width: 150px;
    height: auto;
}

.mobile-close-btn, .zt7k3m {
    background: transparent;
    border: none;
    color: #e4c880;
    font-size: 36px;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-nav-list, .km6k9p {
    list-style: none;
    padding: 20px 0;
}

.mobile-nav-item, .bx8k4n {
    border-bottom: 1px solid rgba(228, 200, 128, 0.1);
}

.mobile-nav-link, .tn3k7p {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    color: #e8e8e8;
    text-decoration: none;
    transition: all 0.3s ease;
}

.mobile-nav-link:hover {
    background: rgba(228, 200, 128, 0.1);
    color: #e4c880;
}

.mobile-nav-icon, .mx5k2w {
    font-size: 22px;
    width: 30px;
}

.hero-section, .lk5j9p {
    padding: 60px 0;
    position: relative;
}

.hero-banner, .yt2m8k {
    background: url('/banner-lev.png') center/cover no-repeat;
    border-radius: 16px;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.hero-overlay, .nf6q4w {
    background: rgba(19, 35, 66, 0.85);
    padding: 60px 40px;
    text-align: center;
    border-radius: 16px;
    max-width: 700px;
}

.hero-title, .wr9k3z {
    font-size: 42px;
    color: #e4c880;
    margin-bottom: 15px;
    font-weight: 700;
}

.hero-subtitle, .dx5n2m {
    font-size: 20px;
    color: #e8e8e8;
    margin-bottom: 30px;
    line-height: 1.5;
}

.ratings-overview, .hv4k7n {
    padding: 40px 0;
}

.section-title, .py4m7k {
    font-size: 32px;
    color: #e4c880;
    margin-bottom: 25px;
    font-weight: 700;
}

.ratings-grid, .km3t8f {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.rating-summary {
    text-align: center;
}

.overall-rating, .zt8n5q {
    margin: 30px 0;
}

.rating-number, .fv2k9m {
    font-size: 72px;
    color: #e4c880;
    font-weight: 700;
    line-height: 1;
}

.rating-stars, .bh7x4p {
    font-size: 36px;
    color: #e4c880;
    margin: 10px 0;
}

.rating-count, .gn5q8w {
    font-size: 16px;
    color: #aaa;
}

.rating-breakdown, .mx2p9k {
    margin-top: 30px;
}

.rating-row, .lw6t3n {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.rating-label, .qz9f5j {
    width: 80px;
    text-align: left;
    font-size: 14px;
}

.rating-bar, .vx4k8m {
    flex: 1;
    height: 12px;
    background: rgba(228, 200, 128, 0.2);
    border-radius: 6px;
    overflow: hidden;
}

.rating-fill, .yn7w2q {
    height: 100%;
    background: linear-gradient(90deg, #e4c880, #d4b870);
    transition: width 0.5s ease;
}

.rating-percent, .tk3m9f {
    width: 50px;
    text-align: right;
    font-size: 14px;
    color: #aaa;
}

.casino-info {
    position: relative;
}

.info-toggle-btn, .rm8k3w {
    background: #2eaf00;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 15px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.info-toggle-btn:hover {
    background: #258900;
}

.casino-details, .pv9n6x {
    margin-top: 20px;
}

.info-item, .bk4m7t {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid rgba(228, 200, 128, 0.1);
}

.info-label, .wx9q2n {
    color: #aaa;
    font-weight: 600;
}

.info-value, .fz5k8p {
    color: #e8e8e8;
    text-align: right;
}

.bonuses-grid, .mt6k9w {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.bonus-card, .nz7q4m {
    text-align: center;
    padding: 25px;
    transition: all 0.3s ease;
}

.bonus-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.bonus-title, .tk8v3p {
    font-size: 18px;
    color: #e4c880;
    margin-bottom: 10px;
    font-weight: 600;
}

.bonus-amount, .hw2n9k {
    font-size: 28px;
    color: #2eaf00;
    margin: 10px 0;
    font-weight: 700;
}

.bonus-desc, .mx4p7t {
    font-size: 14px;
    color: #aaa;
    margin-bottom: 20px;
}

.pros-cons-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.pros-title, .qw8m3k {
    color: #2eaf00;
    font-size: 22px;
    margin-bottom: 20px;
}

.cons-title, .pw5k9m {
    color: #ff5555;
    font-size: 22px;
    margin-bottom: 20px;
}

.pros-list, .vn2k7p, .cons-list, .fn8t2q {
    list-style: none;
    padding: 0;
}

.pros-item, .zt9m4x {
    padding: 10px 0;
    padding-left: 25px;
    position: relative;
    line-height: 1.6;
}

.pros-item:before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #2eaf00;
    font-weight: 700;
    font-size: 18px;
}

.cons-item, .bz4m6w {
    padding: 10px 0;
    padding-left: 25px;
    position: relative;
    line-height: 1.6;
}

.cons-item:before {
    content: '✗';
    position: absolute;
    left: 0;
    color: #ff5555;
    font-weight: 700;
    font-size: 18px;
}

.leave-review-section, .kp3m8t {
    padding: 40px 0;
}

.review-bonus-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 30px;
}

.banner-content, .ym7k3w {
    flex: 1;
}

.banner-title, .nv8q2p {
    font-size: 28px;
    color: #e4c880;
    margin-bottom: 10px;
}

.banner-title-small, .qz7k4p {
    font-size: 22px;
    color: #e4c880;
    margin-bottom: 10px;
}

.banner-text, .fk9m5z {
    color: #e8e8e8;
    line-height: 1.6;
}

.review-form-container {
    position: relative;
}

.review-form, .wp4n7k {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-row, .gx8k2m {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.form-group, .tv9m3n {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-label, .hk5w8p {
    color: #e4c880;
    font-weight: 600;
    font-size: 15px;
}

.form-input, .zt2n9k, .form-textarea, .mx6k9p {
    padding: 12px 15px;
    background: rgba(19, 35, 66, 0.6);
    border: 2px solid rgba(228, 200, 128, 0.3);
    border-radius: 8px;
    color: #e8e8e8;
    font-family: Arial, sans-serif;
    font-size: 15px;
    transition: all 0.3s ease;
}

.form-input:focus, .form-textarea:focus {
    outline: none;
    border-color: #e4c880;
    background: rgba(19, 35, 66, 0.8);
}

.rating-params-grid, .mz7k4w {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-top: 15px;
}

.param-rating, .nx9p5t {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.param-name, .fv2k6m {
    font-size: 14px;
    color: #aaa;
}

.stars-input, .qw8k3z {
    display: flex;
    gap: 5px;
}

.star-btn, .hk4n7p {
    font-size: 24px;
    color: rgba(228, 200, 128, 0.3);
    cursor: pointer;
    transition: all 0.2s ease;
}

.star-btn:hover, .star-btn.active {
    color: #e4c880;
    transform: scale(1.2);
}

.overall-rating-display, .kz8m3w {
    margin-top: 20px;
    padding: 15px;
    background: rgba(228, 200, 128, 0.1);
    border-radius: 8px;
    text-align: center;
    font-size: 18px;
    color: #e4c880;
    font-weight: 600;
}

.overall-rating-value, .px7n2k {
    font-size: 32px;
    color: #2eaf00;
}

.form-success, .gp4m8k {
    text-align: center;
    padding: 40px;
}

.success-icon, .tz9k5m {
    font-size: 72px;
    color: #2eaf00;
    margin-bottom: 20px;
}

.success-title, .nv7k2w {
    font-size: 28px;
    color: #e4c880;
    margin-bottom: 15px;
}

.success-text, .wk3m9p {
    font-size: 16px;
    color: #e8e8e8;
    line-height: 1.6;
}

.reviews-section, .xn8k4m {
    padding: 40px 0;
}

.reviews-container, .zm7k4p {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.review-card {
    transition: all 0.3s ease;
}

.review-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.review-header, .px9k3m {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 20px;
}

.review-author-block, .tn6k8w {
    display: flex;
    gap: 15px;
    align-items: center;
}

.review-avatar, .vz4k7n {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #e4c880;
}

.review-meta-info, .kw8m5p {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.review-author-name, .hx2k9t {
    color: #e4c880;
    font-size: 18px;
}

.review-country-badge, .qm7k3n {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #aaa;
}

.country-flag, .bn5k8p {
    width: 20px;
    height: 15px;
}

.review-date-posted, .fz9k6m {
    font-size: 13px;
    color: #888;
}

.review-rating-block, .wn3k7p {
    text-align: right;
}

.rating-display-wrapper, .zt8k2m {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.rating-value-number, .px4k9n {
    font-size: 28px;
    color: #e4c880;
    font-weight: 700;
}

.rating-stars-visual, .gk7m5w {
    display: flex;
    gap: 2px;
}

.rating-star-icon, .mx6k3p {
    font-size: 20px;
}

.star-filled, .yk9k2t {
    color: #e4c880;
}

.star-empty, .vn7k4m {
    color: rgba(228, 200, 128, 0.3);
}

.rating-details-toggle-btn, .tn5k8w {
    background: rgba(228, 200, 128, 0.1);
    border: 1px solid rgba(228, 200, 128, 0.3);
    color: #e4c880;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.3s ease;
}

.rating-details-toggle-btn:hover {
    background: rgba(228, 200, 128, 0.2);
}

.review-title-heading, .km9k4p {
    font-size: 22px;
    color: #e4c880;
    margin-bottom: 12px;
}

.review-source-info, .vz6k8m {
    font-size: 13px;
    color: #aaa;
    margin-bottom: 15px;
}

.source-link-external, .hn8k2m {
    color: #e4c880;
    text-decoration: none;
}

.source-link-external:hover {
    text-decoration: underline;
}

.review-body-content, .pn7k3w {
    margin-bottom: 20px;
}

.review-text-wrapper, .bk4k9m {
    line-height: 1.7;
    color: #e8e8e8;
}

.review-text-truncated, .tz8k5n {
    max-height: 150px;
    overflow: hidden;
    position: relative;
}

.review-text-truncated:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(transparent, rgba(19, 35, 66, 0.8));
}

.review-text-truncated.expanded {
    max-height: none;
}

.review-text-truncated.expanded:after {
    display: none;
}

.review-expand-btn, .kw6k2p {
    background: transparent;
    border: none;
    color: #e4c880;
    cursor: pointer;
    font-size: 14px;
    padding: 8px 0;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s ease;
}

.review-expand-btn:hover {
    color: #d4b870;
}

.review-pros-cons-section, .vn8k5m {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.review-pros-block, .zt3k9p, .review-cons-block, .px9k5t {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pros-heading-title, .hk7k2m {
    color: #2eaf00;
    font-size: 16px;
    font-weight: 600;
}

.cons-heading-title, .fz6k8m {
    color: #ff5555;
    font-size: 16px;
    font-weight: 600;
}

.pros-list-items, .wn4k6p, .cons-list-items, .km3k7n {
    list-style: none;
    padding: 0;
}

.pros-item-entry, .qz8k3m {
    color: #2eaf00;
    padding: 5px 0;
    font-size: 14px;
}

.cons-item-entry, .tn5k2w {
    color: #ff5555;
    padding: 5px 0;
    font-size: 14px;
}

.review-actions-footer, .zm7k9p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid rgba(228, 200, 128, 0.1);
}

.review-vote-buttons, .vx4k3m {
    display: flex;
    gap: 15px;
}

.vote-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(228, 200, 128, 0.1);
    border: 1px solid rgba(228, 200, 128, 0.2);
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #e8e8e8;
}

.vote-btn:hover {
    background: rgba(228, 200, 128, 0.2);
    transform: translateY(-2px);
}

.vote-icon, .hn6k9p {
    font-size: 18px;
}

.vote-count-text, .zt2k7m {
    font-size: 14px;
}

.reply-toggle-btn, .qm7k3n {
    background: transparent;
    border: 1px solid rgba(228, 200, 128, 0.3);
    color: #e4c880;
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.reply-toggle-btn:hover {
    background: rgba(228, 200, 128, 0.1);
}

.reply-form-container, .px8k5m {
    margin-top: 20px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.reply-form-title, .tn6k9w {
    color: #e4c880;
    font-size: 18px;
    margin-bottom: 15px;
}

.reply-textarea-input, .kw3k7p {
    width: 100%;
    padding: 12px;
    background: rgba(19, 35, 66, 0.6);
    border: 2px solid rgba(228, 200, 128, 0.3);
    border-radius: 8px;
    color: #e8e8e8;
    font-family: Arial, sans-serif;
    resize: vertical;
    margin-bottom: 15px;
}

.reply-form-actions, .zm9k2t {
    display: flex;
    gap: 10px;
}

.faq-section, .vp9k3m {
    padding: 40px 0;
}

.faq-list, .kw7m5t {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.faq-item, .mn4k8p {
    border-bottom: 1px solid rgba(228, 200, 128, 0.1);
}

.faq-question, .zx9k3w {
    width: 100%;
    background: transparent;
    border: none;
    color: #e4c880;
    text-align: left;
    padding: 20px 0;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
}

.faq-question:hover {
    color: #d4b870;
}

.faq-icon, .hv2n7k {
    font-size: 24px;
    font-weight: 700;
    transition: transform 0.3s ease;
}

.faq-answer, .tn6k9m {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    color: #e8e8e8;
    line-height: 1.7;
}

.faq-answer.active {
    max-height: 500px;
    padding-bottom: 20px;
}

.content-section, .bk7m4w {
    padding: 40px 0;
}

.casino-review-content, .zm3k9p {
    line-height: 1.8;
    color: #e8e8e8;
}

.casino-review-content h2 {
    color: #e4c880;
    font-size: 28px;
    margin: 30px 0 15px;
}

.casino-review-content h3 {
    color: #e4c880;
    font-size: 22px;
    margin: 25px 0 12px;
}

.casino-review-content p {
    margin-bottom: 15px;
    line-height: 1.8;
}

.casino-review-content ul, .casino-review-content ol {
    margin: 15px 0;
    padding-left: 30px;
}

.casino-review-content li {
    margin-bottom: 8px;
    line-height: 1.7;
}

.casino-review-content table {
    width: 100%;
    margin: 20px auto;
    border-collapse: collapse;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    overflow: hidden;
}

.casino-review-content th, .casino-review-content td {
    padding: 12px 15px;
    text-align: left;
    border: 1px solid rgba(228, 200, 128, 0.2);
}

.casino-review-content th {
    background: rgba(228, 200, 128, 0.2);
    color: #e4c880;
    font-weight: 600;
}

.casino-review-content a {
    color: #e4c880;
    text-decoration: none;
}

.casino-review-content a:hover {
    text-decoration: underline;
}

.author-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.author-header, .pn8k5m {
    display: flex;
    gap: 20px;
    align-items: center;
}

.author-avatar, .vx4k7n {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #e4c880;
}

.author-meta, .kw9m2p {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.author-name, .tn6k8z {
    font-size: 24px;
    color: #e4c880;
    font-weight: 700;
}

.author-role, .fz3m7k {
    color: #aaa;
    font-size: 16px;
}

.author-bio, .mx7k4w {
    line-height: 1.7;
    color: #e8e8e8;
}

.author-social, .hk2m9t {
    display: flex;
    gap: 15px;
}

.social-link, .wn5k7p {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: rgba(228, 200, 128, 0.1);
    border: 1px solid rgba(228, 200, 128, 0.3);
    border-radius: 8px;
    color: #e4c880;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-link:hover {
    background: rgba(228, 200, 128, 0.2);
    transform: translateY(-2px);
}

.social-icon, .zm8k3n {
    font-weight: 700;
    font-size: 18px;
}

.footer-main, .zx8k3m {
    background: #132342;
    padding: 40px 0 20px;
    margin-top: 60px;
}

.footer-content, .kn7m4p {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-bottom: 30px;
}

.footer-column, .vz5k9t {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-logo, .qw6k7p {
    max-width: 160px;
    height: auto;
    margin-bottom: 10px;
}

.footer-tagline, .tn9k4m {
    color: #aaa;
    font-size: 14px;
    line-height: 1.6;
}

.footer-title, .px7k3n {
    color: #e4c880;
    font-size: 18px;
    font-weight: 600;
}

.footer-links, .kw9m5p {
    list-style: none;
    padding: 0;
}

.footer-link-item, .bz4k8t {
    margin-bottom: 8px;
}

.footer-link, .hn6k2m {
    color: #e8e8e8;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
}

.footer-link:hover {
    color: #e4c880;
    padding-left: 5px;
}

.footer-trust-logos, .wn8k5m {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.trust-badge, .tz7k3p {
    display: flex;
    align-items: center;
    gap: 10px;
}

.trust-icon, .gx4k9m {
    font-size: 24px;
    color: #e4c880;
}

.trust-text, .vn2k6p {
    font-size: 13px;
    color: #e8e8e8;
}

.footer-bottom, .zm9k4p {
    padding-top: 20px;
    border-top: 1px solid rgba(228, 200, 128, 0.1);
}

.footer-legal, .px7k5n {
    text-align: center;
}

.copyright-text, .tn6k8m {
    color: #aaa;
    font-size: 13px;
    margin-bottom: 10px;
}

.legal-disclaimer, .kw3m9p {
    color: #888;
    font-size: 12px;
    line-height: 1.6;
}

.sticky-widget, .vn7k2m {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #132342;
    padding: 15px;
    box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.5);
    z-index: 999;
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.sticky-widget.visible {
    transform: translateY(0);
}

.widget-content, .px9k4w {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.widget-bonus, .zt8m3k {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.widget-bonus-text, .kn2m7p {
    font-size: 20px;
    color: #e4c880;
    font-weight: 700;
}

.widget-bonus-desc, .fx6k9w {
    font-size: 14px;
    color: #aaa;
}

.smooth-scroll {
    scroll-behavior: smooth;
}

@media (max-width: 1024px) {
    .hero-title, .wr9k3z {
        font-size: 36px;
    }

    .hero-subtitle, .dx5n2m {
        font-size: 18px;
    }

    .section-title, .py4m7k {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .header-nav, .fk9m6p {
        display: none;
    }

    .burger-btn, .tn6k9w {
        display: flex;
    }

    .reviews-count-badge, .vn2k7m {
        display: none;
    }

    .hero-title, .wr9k3z {
        font-size: 28px;
    }

    .hero-subtitle, .dx5n2m {
        font-size: 16px;
    }

    .hero-overlay, .nf6q4w {
        padding: 40px 20px;
    }

    .section-title, .py4m7k {
        font-size: 24px;
    }

    .review-bonus-banner {
        flex-direction: column;
        text-align: center;
    }

    .review-header, .px9k3m {
        flex-direction: column;
        gap: 15px;
    }

    .review-rating-block, .wn3k7p {
        text-align: left;
    }

    .footer-content, .kn7m4p {
        grid-template-columns: 1fr;
    }

    .widget-content, .px9k4w {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .review-actions-footer, .zm7k9p {
        flex-direction: column;
        gap: 15px;
    }

    .box, .jx6w9r {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .hero-title, .wr9k3z {
        font-size: 24px;
    }

    .rating-number, .fv2k9m {
        font-size: 56px;
    }

    .section-title, .py4m7k {
        font-size: 20px;
    }

    .bonus-amount, .hw2n9k {
        font-size: 24px;
    }

    .form-row, .gx8k2m {
        grid-template-columns: 1fr;
    }

    .rating-params-grid, .mz7k4w {
        grid-template-columns: 1fr;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.box {
    animation: fadeIn 0.5s ease;
}

.vbjd {
    max-width: 920px;
    margin: 0 auto;
    padding: 28px 22px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 18px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.vbjd > :first-child {
    margin-top: 0
}

.vbjd > :last-child {
    margin-bottom: 0
}

.vbjd p {
    margin: 0 0 14px;
    color: rgba(233, 239, 247, .86);
    font-size: 16px;
    line-height: 1.85;
}

.vbjd h2 {
    margin: 22px 0 12px;
    color: #e9eff7;
    font-size: 26px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: .2px;
}

.vbjd h3 {
    margin: 18px 0 10px;
    color: rgba(228, 200, 128, .98);
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
}

.vbjd h4 {
    margin: 18px 0 10px;
    color: #e9eff7;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;
}

.vbjd a {
    color: rgba(228, 200, 128, .98);
    text-decoration: none;
    border-bottom: 1px solid rgba(228, 200, 128, .30);
    transition: border-color .15s ease, color .15s ease, background .15s ease;
}

.vbjd a:hover {
    color: #e9eff7;
    border-bottom-color: rgba(233, 239, 247, .45);
}

.vbjd ul,
.vbjd ol {
    margin: 10px 0 16px;
    padding-left: 22px;
    color: rgba(233, 239, 247, .86);
}

.vbjd li {
    margin: 8px 0;
    line-height: 1.75;
}

.vbjd blockquote {
    margin: 16px 0;
    padding: 14px 16px;
    background: rgba(0, 0, 0, .18);
    border: 1px solid rgba(255, 255, 255, .10);
    border-left: 4px solid rgba(228, 200, 128, .80);
    border-radius: 14px;
    color: rgba(233, 239, 247, .88);
}

.vbjd strong {
    color: #e9eff7
}

.vbjd em {
    color: rgba(233, 239, 247, .92)
}

.vbjd hr {
    border: 0;
    height: 1px;
    background: rgba(255, 255, 255, .10);
    margin: 18px 0;
}

.vbjd table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .10);
    background: rgba(0, 0, 0, .12);
}

.vbjd th,
.vbjd td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: rgba(233, 239, 247, .88);
    text-align: left;
    vertical-align: top;
}

.vbjd th {
    color: rgba(228, 200, 128, .98);
    background: rgba(228, 200, 128, .10);
    font-weight: 800;
}

.vbjd tr:last-child td {
    border-bottom: 0
}

.vbjd img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .10);
}

.vbjd p + h2 {
    margin-top: 26px
}

.vbjd p + h3 {
    margin-top: 18px
}

.vbjd p + h4 {
    margin-top: 18px
}

@media (max-width: 900px) {
    .vbjd {
        max-width: 100%;
        margin: 0;
    }
}

@media (max-width: 768px) {
    .vbjd {
        padding: 20px 16px;
        border-radius: 16px;
    }

    .vbjd p {
        font-size: 15.5px;
        line-height: 1.8;
    }

    .vbjd h2 {
        font-size: 22px;
        margin: 18px 0 10px;
    }

    .vbjd h3 {
        font-size: 18px;
        margin: 16px 0 8px;
    }

    .vbjd h4 {
        font-size: 16px;
    }

    .vbjd table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
}

@media (max-width: 420px) {
    .vbjd {
        padding: 16px 14px;
        border-radius: 14px;
    }

    .vbjd p {
        font-size: 15px
    }

    .vbjd h2 {
        font-size: 20px
    }

    .vbjd h3 {
        font-size: 17px
    }
}