:root {--bs-yellow: #ffeb3b;--bs-indigo: rgb(141,110,99);--bs-primary: #4E342E;--bs-warning: #ffeb3b;--bs-pink: #e91e63;--bs-purple: #6D4C41;--bs-white: #fff;--bs-red: rgb(244,67,54);--bs-success: #4caf50;--bs-green: #4caf50;--bs-orange: #ff9800;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-gray: #6c757d;--bs-info: #00bcd4;--bs-danger: #f44336;--bs-blue: rgb(93,64,55);--bs-cyan: #00bcd4;--bs-black: #1a1919;--bs-gray-dark: #343a40;--bs-secondary: #6c757d;--bs-teal: #009688}

*, ::after, ::before {
    box-sizing: border-box;
}

body {font-weight: 400;padding: 0;font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;margin: 0;color: white;font-size: 1rem;min-height: 100vh;line-height: 1.5;background: #4E342E;visibility:visible;pointer-events:auto;isolation:auto;user-select:auto}


.video_7772 {margin-left: auto;width: 100%;padding-right: 0.75rem;margin-right: auto;padding-left: 0.75rem}

@media (min-width: 576px) {
    .video_7772 { max-width: 540px; }
}

@media (min-width: 768px) {
    .video_7772 {margin: auto;max-width: 720px}
}

@media (min-width: 992px) {
    .video_7772 { max-width: 960px; }
}

@media (min-width: 1200px) {
    .video_7772 { max-width: 1140px; }
}


.hover-4b2e {flex-wrap: wrap;margin-right: -0.75rem;margin-left: -0.75rem;display: flex}

.hover-4b2e > * {max-width: 100%;padding-left: 0.75rem;padding-right: 0.75rem;flex-shrink: 0;width: 100%}

.description_2021 {width: 100%;flex: 0 0 auto}

@media (min-width: 992px) {
    .search_up_d495 {flex: 0 0 auto;width: 50%}
}


.dirty-38c6 {padding: 0.65rem 1.25rem;justify-content: center;text-align: center;display: inline-flex;gap: 0.5rem;font-size: 0.95rem;font-weight: 700;position: relative;letter-spacing: 0.2px;border-radius: 999px;align-items: center;cursor: pointer;text-decoration: none;vertical-align: middle;user-select: none;border: none;transition: transform 0.08s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;-webkit-tap-highlight-color: transparent}

.panel_black_245c { border-radius: 999px; }
.copper_6b13 { border-radius: 12px; }
.smooth_6550 { border-radius: 6px; }

.image-5a51 {display: inline-block;transition: transform 0.3s ease;font-style: normal;line-height: 0}

.dirty-38c6:focus-visible {outline: none;box-shadow: 0 0 0 3px rgba(255, 235, 59, 0.35), 0 6px 20px rgba(0,0,0,0.2)}

.dirty-38c6:active { transform: translateY(1px) scale(0.99); }

.dirty-38c6:disabled, .dirty-38c6[disabled] {cursor: not-allowed;opacity: 0.6;box-shadow: none}

.overlay-3f77 {background-color: #ffeb3b;color: #1a1a1a;box-shadow: 0 6px 16px rgba(253, 216, 53, 0.35)}

.overlay-3f77:hover {box-shadow: 0 10px 22px rgba(253, 216, 53, 0.45);color: #1a1a1a;background-color: rgba(253,216,53,1)}

.brown_69f7 {background-color: rgb(76,175,80);color: rgb(255,255,255);box-shadow: 0 6px 16px rgba(76, 175, 80, 0.35)}

.brown_69f7:hover {box-shadow: 0 10px 22px rgba(76, 175, 80, 0.45);color: #ffffff;background-color: rgba(69,160,73,1)}

.accent_9b6c {padding: 0.9rem 1.5rem;font-size: 1.05rem}
.silver_4c25 {padding: 0.5rem 0.9rem;font-size: 0.85rem}

.module-first-8464 { border-radius: 2px; }
.panel_10e1 { border-radius: 2rem; }
.video_lower_733f { text-align: center; }
.dim-796e { color: white; }
.search_pressed_7a21 { text-decoration: none; }
.gold_4c04 { display: flex; }
.element_active_d835 { justify-content: space-between; }
.grid-prev-7c43 { justify-content: center; }
.black_bdd7 { align-items: center; }
.orange-0969 { margin-right: 0.5rem; }
.motion-aaa5 { margin-right: 1rem; }
.breadcrumb_under_69dc { margin-left: 1rem; }
.prev_e8bb {margin-top: 0.5rem;margin-bottom: 0.5rem}
.image_light_2ade {padding-bottom: 0.5rem;padding-top: 0.5rem}
.hover-b776 {padding-bottom: 2rem;padding-top: 2rem}
.avatar_east_c202 {padding-top: 1.5rem;padding-bottom: 1.5rem}
.header-93da {padding-bottom: 1rem;padding-top: 1rem}
.wide-16a4 { background: #4E342E; }
.widget-gas-28fe {max-width: 100%;height: auto}

h1, h2, h3, h4 {font-weight: 500;margin-bottom: 0.5rem;line-height: 1.2;margin-top: 0;color: inherit}

h1 { font-size: calc(1.375rem + 1.5vw); }
@media (min-width: 1200px) { h1 { font-size: 2.5rem; } }

h2 { font-size: calc(1.325rem + 0.9vw); }
@media (min-width: 1200px) { h2 { font-size: 2rem; } }

h3 { font-size: calc(1.3rem + 0.6vw); }
@media (min-width: 1200px) { h3 { font-size: 1.75rem; } }

h4 { font-size: calc(1.275rem + 0.3vw); }
@media (min-width: 1200px) { h4 { font-size: 1.5rem; } }

p {margin-top: 0;margin-bottom: 1rem}
a {text-decoration: underline;color: rgba(13, 110, 253, 1)}
img { vertical-align: middle; }

header {padding: 0.25rem 0;background-color: transparent}

header .video_7772 { position: relative; }
header .container { position: relative; }

header .gold_4c04 {justify-content: space-between;align-items: center}
header .d-flex {justify-content: space-between;align-items: center}

header img {height: 100px;width: 100px}


.silver-71a5, .hero-section {margin: 0.5rem 0;padding: 1.5rem 0;background-color: transparent}

.silver-71a5 h1, .hero-section h1 {color: white;margin-bottom: 0.75rem}
.silver-71a5 p, .hero-section p {margin-bottom: 1rem;color: white}
.silver-71a5 .dirty-38c6, .hero-section .btn { margin-top: 0.75rem; }

footer {border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 1.5rem 0 0.75rem;margin-top: 2rem;background: rgba(78, 52, 46, 0.7);backdrop-filter: blur(10px)}

footer a {color: white;text-decoration: none}
footer a:hover {text-decoration: underline;color: #ccc}


.steel_9950 {border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.1);margin: 0.25rem 0;background: rgb(78,52,46);position: relative;z-index: 1000;box-shadow: 0 4px 15px rgba(78, 52, 46, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);padding: 0}

.steel_9950 .video_7772 {align-items: center;padding: 0 0.5rem;display: flex;flex-wrap: wrap;justify-content: center}

.steel_9950 .input_217d {position: relative;margin: 0 0.05rem;display: inline-block}

.steel_9950 .slow-796f {text-decoration: none;color: #ffffff;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);text-transform: uppercase;margin: 0.1rem;position: relative;display: block;font-weight: 600;font-size: 0.8rem;border-radius: 999px;letter-spacing: 0.5px;overflow: hidden;padding: 0.6rem 1.25rem}

.steel_9950 .slow-796f::before {content: '';height: 100%;position: absolute;width: 100%;background: rgba(255, 255, 255, 0.1);transition: left 0.6s ease;left: -100%;top: 0}

.steel_9950 .slow-796f:hover::before { left: 100%; }

.steel_9950 .slow-796f:hover {background: rgba(255, 255, 255, 0.2);box-shadow: 0 6px 20px rgba(141, 110, 99, 0.3), 0 2px 8px rgba(0, 0, 0, 0.15);transform: translateY(-3px);color: #ffffff}

.steel_9950 .label-focused-e0d5 {transform: translateX(-50%) translateY(-10px);left: 50%;border-radius: 10px;position: absolute;top: calc(100% + 0.25rem);background: rgb(78,52,46);opacity: 0;z-index: 1001;border: 1px solid rgba(255, 255, 255, 0.15);padding: 0.25rem 0;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);visibility: hidden;min-width: 200px;box-shadow: 0 8px 25px rgba(78, 52, 46, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2);backdrop-filter: blur(10px)}

.steel_9950 .input_217d:hover .label-focused-e0d5 {visibility: visible;transform: translateX(-50%) translateY(0);opacity: 1}

.steel_9950 .label-focused-e0d5::before {border-right: 8px solid transparent;left: 50%;border-left: 8px solid transparent;border-bottom: 8px solid #4E342E;transform: translateX(-50%);position: absolute;width: 0;content: '';height: 0;top: -8px}

.steel_9950 .header_f583 {font-weight: 500;position: relative;margin: 0.05rem 0.25rem;border-radius: 6px;border-bottom: none;padding: 0.6rem 1.25rem;display: block;color: #ffffff;letter-spacing: 0.25px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);text-transform: none;font-size: 0.8rem;text-decoration: none}

.steel_9950 .header_f583:not(:last-child)::after {position: absolute;bottom: 0;background: rgba(255, 255, 255, 0.08);content: '';width: 60%;height: 1px;transform: translateX(-50%);left: 50%}

.steel_9950 .header_f583:last-child { margin-bottom: 0; }

.steel_9950 .header_f583::before {content: '';left: 0;transition: transform 0.3s ease;width: 3px;top: 0;background: #8D6E63;transform: scaleY(0);bottom: 0;border-radius: 0 3px 3px 0;position: absolute}

.steel_9950 .header_f583:hover {color: #ffffff;box-shadow: 0 4px 12px rgba(141, 110, 99, 0.2);transform: translateX(8px);background: rgba(255, 255, 255, 0.15)}

.steel_9950 .header_f583:hover::before { transform: scaleY(1); }

@media (min-width: 769px) {
    .steel_9950 .slow-796f.center_bd99::after {content: '▼';font-size: 0.7rem;margin-left: 0.5rem;transition: transform 0.3s ease}
    .steel_9950 .input_217d:hover .slow-796f.center_bd99::after { transform: rotate(180deg); }
}

.south_3d0a {display: none;padding: 0.3rem;cursor: pointer;position: relative;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);flex-direction: column;height: 30px;background: rgba(255, 167, 38, 0.1);border-radius: 4px;width: 30px;overflow: visible;justify-content: center;border: 1.5px solid rgba(255, 167, 38, 0.3);align-items: center}

.south_3d0a:hover {box-shadow: 0 2px 8px rgba(255, 167, 38, 0.3);border-color: rgba(255, 167, 38, 0.5);transform: scale(1.05);background: rgba(255, 167, 38, 0.2)}

.south_3d0a span {margin: 1.2px 0;background: #FFA726;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);border-radius: 1.5px;height: 2px;width: 16px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}

.south_3d0a.fn-active-d38e {border-color: rgba(255, 107, 107, 0.5);background: rgba(255, 107, 107, 0.2)}
.south_3d0a.fn-active-d38e span:nth-child(1) {background: #ff6b6b;transform: rotate(-45deg) translate(-4px, 5px)}
.south_3d0a.fn-active-d38e span:nth-child(2) {transform: scale(0) rotate(180deg);opacity: 0}
.south_3d0a.fn-active-d38e span:nth-child(3) {transform: rotate(45deg) translate(-4px, -5px);background: #ff6b6b}

.new_2f81 {display: none;width: 100%;align-items: center;padding: 0.4rem 0.5rem;justify-content: space-between}
.new_2f81 span {letter-spacing: 0.3px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);color: #ffffff;font-weight: 600;font-size: 0.75rem}
.layout-mini-4163 {flex-wrap: wrap;display: flex;justify-content: center;align-items: center}

@media (min-width: 769px) {
    .new_2f81 { display: none !important; }
    .layout-mini-4163 { display: flex !important; }
}

.active_white_088b {left: 0;z-index: 1001;height: 100%;transition: opacity 0.3s ease;background: rgba(0, 0, 0, 0.8);position: fixed;opacity: 0;cursor: pointer;width: 100%;top: 0}

@media (max-width: 768px) {
    body {max-width: 100vw;overflow-x: hidden}
    .video_7772, .container { overflow-x: hidden; }
    img {height: auto;max-width: 100%}
}

@media (max-width: 768px) {
    .steel_9950 { border-radius: 0; }
    .new_2f81 {background: rgba(141, 110, 99, 0.3);padding: 0.4rem 0.5rem;display: flex}
    .south_3d0a { display: flex; }
    .layout-mini-4163 {display: none;padding: 0;width: 100%;background: linear-gradient(180deg, #8D6E63 0%, #6D4C41 100%)}
    .layout-mini-4163.fn-show-d38e { display: block; }
    .layout-mini-4163 .input_217d {border-bottom: 1px solid rgba(255, 255, 255, 0.1);width: 100%}
    .layout-mini-4163 .slow-796f {padding: 1.2rem 1.5rem;font-weight: 600;border: none;font-size: 1.1rem;border-radius: 0;text-decoration: none;background: transparent;display: block;color: #FFEB3B}
    .layout-mini-4163 .slow-796f:hover { background: rgba(255, 167, 38, 0.3); }
    .layout-mini-4163 .slow-796f.center_bd99 {position: relative;padding-right: 3rem}
    .layout-mini-4163 .slow-796f.center_bd99::after {top: 50%;font-size: 0.8rem;color: #FFEB3B;position: absolute;transition: transform 0.3s;right: 1.5rem;content: '▼';transform: translateY(-50%)}
    .layout-mini-4163 .input_217d.fn-active-d38e .slow-796f.center_bd99::after { transform: translateY(-50%) rotate(180deg); }
    .layout-mini-4163 .label-focused-e0d5 {display: none;border-bottom: 2px solid rgba(255, 235, 59, 0.1);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);padding: 0.5rem 0;border-top: 2px solid rgba(255, 235, 59, 0.2);background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.5) 100%)}
    .layout-mini-4163 .input_217d.fn-active-d38e .label-focused-e0d5 {display: block;animation: slideDown 0.3s ease}
    @keyframes slideDown { from {opacity: 0;max-height: 0} to {opacity: 1;max-height: 500px} }
    .layout-mini-4163 .header_f583 {font-size: 1.05rem;text-decoration: none;align-items: center;display: flex;font-weight: 500;border: none;margin: 0.2rem 0;transition: all 0.25s ease;color: rgba(255,249,196,1);padding: 1rem 1.5rem 1rem 2.5rem;border-left: 3px solid transparent;border-radius: 0;position: relative}
    .layout-mini-4163 .header_f583::before {left: 1rem;transition: all 0.25s ease;color: #FFEB3B;content: '▸';position: absolute;font-size: 0.9rem}
    .layout-mini-4163 .header_f583:not(:last-child)::after {right: 1rem;left: 2.5rem;height: 1px;position: absolute;background: linear-gradient(90deg, rgba(255, 235, 59, 0.2), rgba(255, 235, 59, 0.05), transparent);content: '';bottom: 0}
    .layout-mini-4163 .header_f583:hover {color: #FFEB3B;border-left-color: #FFEB3B;padding-left: 2.8rem;background: rgba(255, 167, 38, 0.35)}
    .layout-mini-4163 .header_f583:hover::before {left: 1.3rem;color: #FFA726}
    .layout-mini-4163 .header_f583:active {background: rgba(255, 167, 38, 0.5);transform: scale(0.98)}
    header .gold_4c04, header .d-flex {flex-direction: row;justify-content: space-between;align-items: center;gap: 1rem}
    .silver-71a5, .hero-section { text-align: center; }
}

.silver-71a5 .dirty-38c6, .hero-section .btn {border: none;color: #1a1a1a;background: linear-gradient(135deg, #ffeb3b 0%, #fdd835 100%)}
.silver-71a5 .dirty-38c6:hover, .hero-section .btn:hover {color: #1a1a1a;background: #fdd835}

@media (min-width: 992px) {
    .silver-71a5 .dirty-38c6, .hero-section .btn { margin-right: 1rem; }
    .silver-71a5 .widget-gas-28fe, .hero-section .img-fluid { margin-left: 1rem; }
}

@media (max-width: 768px) {
    .silver-71a5 .widget-gas-28fe, .hero-section .img-fluid { margin-top: 1rem; }
}


@media (max-width: 480px) {
    header img {width: 60px;height: 60px}
    header .dirty-38c6, header .btn {font-size: 0.8rem;padding: 0.5rem 0.85rem;gap: 0.3rem}
}



.small_87ab, .sidebar_da50 {margin: 1.5rem auto;border-radius: 2rem;box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);width: 100%;height: auto;display: block;max-width: 800px}

.silver-71a5 {border-radius: 20px;border: 1px solid rgba(141, 110, 99, 0.15);padding: 2.5rem 0;margin: 1rem 0;background: rgba(93, 64, 55, 0.12)}

.silver-71a5 h1 {color: #ffffff;font-weight: 700;position: relative;z-index: 1;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);margin-bottom: 1.5rem;font-size: 2.5rem;line-height: 1.2}

.silver-71a5 p {font-size: 1.1rem;position: relative;line-height: 1.6;color: rgba(233,236,239,1);margin-bottom: 2rem;z-index: 1}

.pagination-359f {background: linear-gradient(135deg, #3E2723 0%, #4E342E 50%, #5D4037 100%);padding: 4rem 0;overflow: hidden;position: relative}

.pagination-359f::before {bottom: 0;left: 0;right: 0;pointer-events: none;content: '';opacity: 0.1;top: 0;position: absolute;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>')}

.column-right-0d53 {margin-bottom: 3rem;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;position: relative;z-index: 2;display: grid}

.media_1f94 {padding: 2rem;background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border-radius: 20px;overflow: hidden;backdrop-filter: blur(20px);position: relative;cursor: pointer;border: 1px solid rgba(255, 255, 255, 0.1)}

.media_1f94::before {height: 100%;position: absolute;content: '';width: 100%;top: 0;left: -100%;transition: left 0.6s ease;background: linear-gradient(90deg, transparent, rgba(141, 110, 99, 0.15), transparent)}

.media_1f94:hover::before { left: 100%; }
.media_1f94:hover {box-shadow: 0 20px 40px rgba(78, 52, 46, 0.35);border-color: rgba(141, 110, 99, 0.35);transform: translateY(-10px) scale(1.02)}

.menu_steel_1b23 {animation: float 3s ease-in-out infinite;margin-bottom: 1.5rem;font-size: 3rem;filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));text-align: center}

@keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }

.menu_steel_1b23 img, .thick_4ef3 img {height: 64px;object-fit: contain;display: inline-block;width: 64px}
@media (max-width: 480px) { .menu_steel_1b23 img, .thick_4ef3 img {width: 192px;height: 192px} }

.copper-fb81 { text-align: center; }
.element-bottom-2caf {color: #ffffff;font-size: 1.5rem;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);font-weight: 700;margin-bottom: 1rem}
.liquid-2643 {opacity: 0.9;line-height: 1.5;margin-bottom: 1.5rem;color: #e9ecef;font-size: 1rem}
.hard-4e81 {display: flex;gap: 0.5rem;flex-wrap: wrap;margin-bottom: 1.5rem;justify-content: center}

.grid-lite-90f6 {border-radius: 15px;font-size: 0.8rem;padding: 0.3rem 0.8rem;background: linear-gradient(135deg, #FF6F00 0%, #FFA726 100%);font-weight: 600;box-shadow: 0 2px 8px rgba(255, 167, 38, 0.35);color: #ffffff;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)}

.secondary-bb41 {font-size: 1rem;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);align-items: center;font-weight: 700;color: rgba(26,26,26,1);overflow: hidden;padding: 0.8rem 2rem;background: linear-gradient(135deg, #ffeb3b 0%, #fdd835 100%);display: inline-flex;text-decoration: none;position: relative;box-shadow: 0 8px 25px rgba(253, 216, 53, 0.35);gap: 0.5rem;border-radius: 25px}

.secondary-bb41::before {content: '';top: 0;left: -100%;width: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);height: 100%;transition: left 0.6s ease;position: absolute}

.secondary-bb41:hover::before { left: 100%; }
.secondary-bb41:hover {text-decoration: none;color: #1a1a1a;box-shadow: 0 12px 35px rgba(253, 216, 53, 0.55);transform: translateY(-2px) scale(1.05)}
.secondary-bb41:hover .image-5a51 { transform: translateX(5px); }

.accordion-silver-0275 {border-radius: 20px;padding: 3rem 2rem;position: relative;border: 1px solid rgba(141, 110, 99, 0.35);overflow: hidden;margin: 3rem 0;background: linear-gradient(135deg, rgba(141, 110, 99, 0.25) 0%, rgba(78, 52, 46, 0.15) 100%)}

.accordion-silver-0275::before {top: 0;left: 0;content: '';background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,107,107,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');right: 0;position: absolute;opacity: 0.3;pointer-events: none;bottom: 0}

.orange_fe29 {-webkit-text-fill-color: transparent !important;background: linear-gradient(135deg, #FF6F00 0%, #FFA726 100%);margin-bottom: 2rem;-webkit-background-clip: text;background-clip: text;text-align: center;text-shadow: 0 4px 20px rgba(141, 110, 99, 0.35);font-size: 2rem;color: rgba(255,255,255,1);font-weight: 800}

.complex-8f8e {z-index: 2;display: grid;gap: 2rem;position: relative;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))}

.gold-1f34 {text-align: center;border-radius: 15px;backdrop-filter: blur(15px);background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);border: 1px solid rgba(255, 255, 255, 0.1);position: relative;padding: 1.5rem;transition: all 0.3s ease}

.gold-1f34:hover {box-shadow: 0 15px 30px rgba(78, 52, 46, 0.35);border-color: rgba(141, 110, 99, 0.35);transform: translateY(-5px)}

.backdrop_3cea {background: linear-gradient(135deg, #FF6F00 0%, #FFA726 100%);color: rgb(255,255,255);align-items: center;font-size: 1.2rem;width: 40px;border-radius: 50%;display: flex;justify-content: center;font-weight: 700;box-shadow: 0 4px 15px rgba(255, 111, 0, 0.35);height: 40px;margin: 0 auto 1rem}

.dirty-c76c {color: #ffffff;font-size: 1.2rem;font-weight: 600;margin-bottom: 0.5rem}
.label-red-3d06 {font-size: 0.9rem;color: #e9ecef;line-height: 1.4;opacity: 0.8}

@media (max-width: 768px) {
    .pagination-359f { padding: 3rem 0; }
    .column-right-0d53 {grid-template-columns: 1fr;gap: 1.5rem}
    .media_1f94 { padding: 1.5rem; }
    .menu_steel_1b23 { font-size: 2.5rem; }
    .element-bottom-2caf { font-size: 1.3rem; }
    .accordion-silver-0275 { padding: 2rem 1rem; }
    .orange_fe29 { font-size: 1.8rem; }
    .complex-8f8e {grid-template-columns: 1fr;gap: 1.5rem}
}

@media (max-width: 480px) {
    .pagination-359f { padding: 2rem 0; }
    .media_1f94 { padding: 1.2rem; }
    .menu_steel_1b23 { font-size: 2rem; }
    .element-bottom-2caf { font-size: 1.2rem; }
    .hard-4e81 { gap: 0.3rem; }
    .grid-lite-90f6 {padding: 0.2rem 0.6rem;font-size: 0.7rem}
    .accordion-silver-0275 { padding: 1.5rem 1rem; }
    .orange_fe29 { font-size: 1.6rem; }
}

.silver-71a5 .dirty-38c6 {transition: all 0.3s ease;text-transform: uppercase;padding: 0.8rem 2rem;position: relative;letter-spacing: 1px;font-size: 1.1rem;font-weight: 600;box-shadow: 0 4px 15px rgba(141, 110, 99, 0.3);z-index: 1}

@media (max-width: 768px) {
    .silver-71a5 {margin: 0.5rem 0;border-radius: 15px;padding: 1.5rem 0}
    .silver-71a5 h1 { font-size: 1.75rem; }
    body { overflow-x: hidden; }
    section , [data-sf-shell]{ overflow-x: hidden; }
    section img , [data-sf-shell] img{max-width: 100%;height: auto}
    .description_2021 img, .search_up_d495 img {height: auto;max-width: 100%}
    .small_87ab, .sidebar_da50 { max-width: 100%; }
}

@media (max-width: 480px) {
    .small_87ab, .sidebar_da50 { margin: 0.75rem auto; }
    img {height: auto !important;max-width: 100% !important}
}



.media_4849 {padding: 4rem 0;background: linear-gradient(135deg, #3E2723 0%, #4E342E 50%, #5D4037 100%);overflow: hidden;position: relative}

.media_4849::before {pointer-events: none;left: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain2" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain2)"/></svg>');opacity: 0.1;right: 0;bottom: 0;content: '';top: 0;position: absolute}

.column-2702 {margin-bottom: 3rem;text-align: center;position: relative;z-index: 2}

.info-huge-f420 {background: linear-gradient(135deg, #FF6F00 0%, #FFA726 100%);margin-bottom: 1rem;text-shadow: 0 4px 20px rgba(141, 110, 99, 0.35);color: #ffffff;font-size: 2.5rem;font-weight: 800;-webkit-background-clip: text;-webkit-text-fill-color: transparent !important;background-clip: text}

.outline_5312 {font-size: 1.2rem;opacity: 0.8;color: #e9ecef;margin-bottom: 0}
.tertiary_e76a {gap: 2rem;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));position: relative;z-index: 2;display: grid}

.top-09da {overflow: hidden;position: relative;background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);backdrop-filter: blur(20px);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);padding: 2rem;border-radius: 20px;cursor: pointer;border: 1px solid rgba(255, 255, 255, 0.1)}

.top-09da::before {width: 100%;position: absolute;transition: left 0.6s ease;height: 100%;content: '';background: linear-gradient(90deg, transparent, rgba(141, 110, 99, 0.15), transparent);left: -100%;top: 0}

.top-09da:hover::before { left: 100%; }
.top-09da:hover {border-color: rgba(141, 110, 99, 0.35);transform: translateY(-10px) scale(1.02);box-shadow: 0 20px 40px rgba(78, 52, 46, 0.35)}

.medium-7e93 {border: 2px solid rgba(141, 110, 99, 0.35);background: linear-gradient(135deg, rgba(141, 110, 99, 0.25) 0%, rgba(78, 52, 46, 0.15) 100%);box-shadow: 0 15px 35px rgba(78, 52, 46, 0.3)}
.medium-7e93:hover { box-shadow: 0 25px 50px rgba(78, 52, 46, 0.4); }

.thick_4ef3 {margin-bottom: 1.5rem;text-align: center;animation: float 3s ease-in-out infinite;filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));font-size: 3rem}

.border_green_9f49 { text-align: center; }
.content_ae1c {text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);font-size: 1.5rem;color: #ffffff;margin-bottom: 1rem;font-weight: 700}
.sort-outer-643b {opacity: 0.9;margin-bottom: 1.5rem;color: #e9ecef;font-size: 1rem;line-height: 1.5}
.alert-paper-bb99 {margin-bottom: 1.5rem;justify-content: center;display: flex;flex-wrap: wrap;gap: 0.5rem}

.tabs-26df {background: linear-gradient(135deg, #ffeb3b 0%, #fdd835 100%);box-shadow: 0 8px 25px rgba(253, 216, 53, 0.35);gap: 0.5rem;align-items: center;text-decoration: none;color: #1a1a1a;font-size: 1rem;border-radius: 25px;padding: 0.8rem 2rem;font-weight: 700;overflow: hidden;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;display: inline-flex}

.tabs-26df::before {top: 0;transition: left 0.6s ease;position: absolute;content: '';height: 100%;left: -100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);width: 100%}

.tabs-26df:hover::before { left: 100%; }
.tabs-26df:hover {text-decoration: none;color: #1a1a1a;box-shadow: 0 12px 35px rgba(253, 216, 53, 0.55);transform: translateY(-2px) scale(1.05)}
.tabs-26df:hover .image-5a51 { transform: translateX(5px); }

@media (max-width: 768px) {
    .media_4849 { padding: 3rem 0; }
    .info-huge-f420 { font-size: 2rem; }
    .outline_5312 { font-size: 1rem; }
    .tertiary_e76a {gap: 1.5rem;grid-template-columns: 1fr}
    .top-09da { padding: 1.5rem; }
    .thick_4ef3 { font-size: 2.5rem; }
    .content_ae1c { font-size: 1.3rem; }
    .tabs-26df {font-size: 0.9rem;padding: 0.7rem 1.5rem}
}

@media (max-width: 480px) {
    .media_4849 { padding: 2rem 0; }
    .info-huge-f420 { font-size: 1.8rem; }
    .top-09da { padding: 1.2rem; }
    .thick_4ef3 { font-size: 2rem; }
    .content_ae1c { font-size: 1.2rem; }
    .alert-paper-bb99 { gap: 0.3rem; }
    .grid-lite-90f6 {font-size: 0.7rem;padding: 0.2rem 0.6rem}
}


.orange_504b { text-align: center; }
.shade_tiny_79df { text-align: center; }
.clean-8b38 {text-align: center;margin-top: 1.5rem}
.list_basic_6fdf {display: grid;gap: 1.5rem;margin: 0;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr))}
.list_basic_6fdf > * { padding: 0; }
.dirty-1205 { }
.panel-out-3d18 { }
.table_under_b087 {margin: 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 1rem}
.table_under_b087 > * { padding: 0; }
.hidden-0a3d { }
.active_5e79 { text-align: center; }
.layout_solid_82d8 { }
.stale_68d8 { display: none; }



.container {width: 100%;margin-right: auto;margin-left: auto;padding-left: 0.75rem;padding-right: 0.75rem}

@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container {margin: auto;max-width: 720px} }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }

.row {margin-left: -0.75rem;margin-right: -0.75rem;flex-wrap: wrap;display: flex}
.row > * {width: 100%;padding-left: 0.75rem;flex-shrink: 0;max-width: 100%;padding-right: 0.75rem}

.col-12 {flex: 0 0 auto;width: 100%}
.col-6 {width: 50%;flex: 0 0 auto}
@media (min-width: 768px) {
    .col-md-3 {flex: 0 0 auto;width: 25%}
    .col-md-4 {width: 33.3333%;flex: 0 0 auto}
    .col-md-6 {flex: 0 0 auto;width: 50%}
}
@media (min-width: 992px) {
    .col-lg-6 {flex: 0 0 auto;width: 50%}
}

.row.g-3 {margin-left: -0.5rem;margin-right: -0.5rem}
.row.g-3 > * {margin-bottom: 1rem;padding-right: 0.5rem;padding-left: 0.5rem}

.btn {padding: 0.65rem 1.25rem;position: relative;border-radius: 999px;justify-content: center;font-weight: 700;cursor: pointer;transition: transform 0.08s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;text-decoration: none;user-select: none;font-size: 0.95rem;align-items: center;gap: 0.5rem;vertical-align: middle;letter-spacing: 0.2px;display: inline-flex;border: none;-webkit-tap-highlight-color: transparent;text-align: center}

.btn--pill { border-radius: 999px; }
.btn--rounded { border-radius: 12px; }
.btn--square { border-radius: 6px; }
.btn-icon {line-height: 0;display: inline-block;transition: transform 0.3s ease;font-style: normal}

.btn:focus-visible {outline: none;box-shadow: 0 0 0 3px rgba(255, 235, 59, 0.35), 0 6px 20px rgba(0,0,0,0.2)}
.btn:active { transform: translateY(1px) scale(0.99); }
.btn:disabled, .btn[disabled] {opacity: 0.6;box-shadow: none;cursor: not-allowed}

.btn-primary {background-color: rgba(255,235,59,1);box-shadow: 0 6px 16px rgba(253, 216, 53, 0.35);color: #1a1a1a}
.btn-primary:hover {color: #1a1a1a;background-color: rgb(253,216,53);box-shadow: 0 10px 22px rgba(253, 216, 53, 0.45)}

.btn-success {box-shadow: 0 6px 16px rgba(76, 175, 80, 0.35);background-color: #4caf50;color: rgba(255,255,255,1)}
.btn-success:hover {background-color: rgb(69,160,73);color: rgba(255,255,255,1);box-shadow: 0 10px 22px rgba(76, 175, 80, 0.45)}

.btn-lg {font-size: 1.05rem;padding: 0.9rem 1.5rem}
.btn-sm {padding: 0.5rem 0.9rem;font-size: 0.85rem}

.rounded-2 { border-radius: 2px; }
.rounded-5 { border-radius: 2rem; }
.text-center { text-align: center; }
.text-white { color: white; }
.text-decoration-none { text-decoration: none; }
.d-flex { display: flex; }
.justify-content-between { justify-content: space-between; }
.justify-content-center { justify-content: center; }
.align-items-center { align-items: center; }
.me-2 { margin-right: 0.5rem; }
.me-3 { margin-right: 1rem; }
.ms-3 { margin-left: 1rem; }
.my-2 {margin-bottom: 0.5rem;margin-top: 0.5rem}
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 1.5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.py-2 {padding-top: 0.5rem;padding-bottom: 0.5rem}
.py-3 {padding-top: 1rem;padding-bottom: 1rem}
.py-4 {padding-top: 1.5rem;padding-bottom: 1.5rem}
.py-5 {padding-top: 2rem;padding-bottom: 2rem}
.bg-primary { background: rgb(78,52,46); }
.img-fluid {height: auto;max-width: 100%}

header .container { position: relative; }
header .d-flex {justify-content: space-between;align-items: center}
header img {width: 100px;height: 100px}

.hero-section {background-color: transparent;padding: 1.5rem 0;margin: 0.5rem 0}
.hero-section h1 {margin-bottom: 0.75rem;color: white}
.hero-section p {margin-bottom: 1rem;color: white}
.hero-section .btn { margin-top: 0.75rem; }

.nav-menu {box-shadow: 0 4px 15px rgba(78, 52, 46, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);padding: 0;border-radius: 12px;margin: 0.25rem 0;z-index: 1000;background: #4E342E;border: 1px solid rgba(255, 255, 255, 0.1);position: relative}

.nav-menu .container {justify-content: center;padding: 0 0.5rem;flex-wrap: wrap;display: flex;align-items: center}
.nav-menu .nav-item {position: relative;margin: 0 0.05rem;display: inline-block}

.nav-menu .nav-link {text-transform: uppercase;padding: 0.6rem 1.25rem;color: rgba(255,255,255,1);overflow: hidden;letter-spacing: 0.5px;margin: 0.1rem;border-radius: 999px;font-weight: 600;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);display: block;position: relative;text-decoration: none;font-size: 0.8rem}

.nav-menu .nav-link::before {content: '';top: 0;width: 100%;height: 100%;transition: left 0.6s ease;left: -100%;position: absolute;background: rgba(255, 255, 255, 0.1)}

.nav-menu .nav-link:hover::before { left: 100%; }
.nav-menu .nav-link:hover {transform: translateY(-3px);background: rgba(255, 255, 255, 0.2);color: #ffffff;box-shadow: 0 6px 20px rgba(141, 110, 99, 0.3), 0 2px 8px rgba(0, 0, 0, 0.15)}

.nav-menu .dropdown {position: absolute;transform: translateX(-50%) translateY(-10px);border-radius: 10px;min-width: 200px;border: 1px solid rgba(255, 255, 255, 0.15);left: 50%;visibility: hidden;background: #4E342E;padding: 0.25rem 0;z-index: 1001;backdrop-filter: blur(10px);opacity: 0;box-shadow: 0 8px 25px rgba(78, 52, 46, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);top: calc(100% + 0.25rem)}

.nav-menu .nav-item:hover .dropdown {transform: translateX(-50%) translateY(0);opacity: 1;visibility: visible}

.nav-menu .dropdown::before {transform: translateX(-50%);height: 0;width: 0;border-right: 8px solid transparent;top: -8px;left: 50%;position: absolute;content: '';border-left: 8px solid transparent;border-bottom: 8px solid #4E342E}

.nav-menu .dropdown-item {font-weight: 500;padding: 0.6rem 1.25rem;text-decoration: none;margin: 0.05rem 0.25rem;color: rgba(255,255,255,1);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);display: block;border-radius: 6px;position: relative;letter-spacing: 0.25px;font-size: 0.8rem;border-bottom: none;text-transform: none}

.nav-menu .dropdown-item:not(:last-child)::after {height: 1px;content: '';transform: translateX(-50%);bottom: 0;position: absolute;width: 60%;left: 50%;background: rgba(255, 255, 255, 0.08)}

.nav-menu .dropdown-item:last-child { margin-bottom: 0; }

.nav-menu .dropdown-item::before {background: rgb(141,110,99);content: '';transform: scaleY(0);position: absolute;bottom: 0;left: 0;top: 0;border-radius: 0 3px 3px 0;width: 3px;transition: transform 0.3s ease}

.nav-menu .dropdown-item:hover {background: rgba(255, 255, 255, 0.15);color: rgb(255,255,255);transform: translateX(8px);box-shadow: 0 4px 12px rgba(141, 110, 99, 0.2)}
.nav-menu .dropdown-item:hover::before { transform: scaleY(1); }

@media (min-width: 769px) {
    .nav-menu .nav-link.has-dropdown::after {transition: transform 0.3s ease;margin-left: 0.5rem;font-size: 0.7rem;content: '▼'}
    .nav-menu .nav-item:hover .nav-link.has-dropdown::after { transform: rotate(180deg); }
}

.hamburger {overflow: visible;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);height: 30px;border-radius: 4px;align-items: center;flex-direction: column;justify-content: center;width: 30px;display: none;cursor: pointer;position: relative;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);background: rgba(255, 167, 38, 0.1);border: 1.5px solid rgba(255, 167, 38, 0.3);padding: 0.3rem}

.hamburger:hover {box-shadow: 0 2px 8px rgba(255, 167, 38, 0.3);border-color: rgba(255, 167, 38, 0.5);transform: scale(1.05);background: rgba(255, 167, 38, 0.2)}
.hamburger span {margin: 1.2px 0;width: 16px;background: #FFA726;border-radius: 1.5px;height: 2px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)}
.hamburger.active {border-color: rgba(255, 107, 107, 0.5);background: rgba(255, 107, 107, 0.2)}
.hamburger.active span:nth-child(1) {transform: rotate(-45deg) translate(-4px, 5px);background: #ff6b6b}
.hamburger.active span:nth-child(2) {opacity: 0;transform: scale(0) rotate(180deg)}
.hamburger.active span:nth-child(3) {background: rgba(255,107,107,1);transform: rotate(45deg) translate(-4px, -5px)}

.mobile-nav-toggle {display: none;width: 100%;justify-content: space-between;align-items: center;padding: 0.4rem 0.5rem}
.mobile-nav-toggle span {font-size: 0.75rem;color: rgba(255,255,255,1);font-weight: 600;letter-spacing: 0.3px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)}
.mobile-nav-content {flex-wrap: wrap;justify-content: center;align-items: center;display: flex}

@media (min-width: 769px) {
    .mobile-nav-toggle { display: none !important; }
    .mobile-nav-content { display: flex !important; }
}

.mobile-menu-overlay {left: 0;position: fixed;width: 100%;top: 0;opacity: 0;background: rgba(0, 0, 0, 0.8);cursor: pointer;height: 100%;transition: opacity 0.3s ease;z-index: 1001}

@media (max-width: 768px) {
    .nav-menu { border-radius: 0; }
    .mobile-nav-toggle {padding: 0.4rem 0.5rem;display: flex;background: rgba(141, 110, 99, 0.3)}
    .hamburger { display: flex; }
    .mobile-nav-content {background: linear-gradient(180deg, #8D6E63 0%, #6D4C41 100%);padding: 0;display: none;width: 100%}
    .mobile-nav-content.show { display: block; }
    .mobile-nav-content .nav-item {border-bottom: 1px solid rgba(255, 255, 255, 0.1);width: 100%}
    .mobile-nav-content .nav-link {border: none;text-decoration: none;background: transparent;display: block;border-radius: 0;color: #FFEB3B;font-size: 1.1rem;padding: 1.2rem 1.5rem;font-weight: 600}
    .mobile-nav-content .nav-link:hover { background: rgba(255, 167, 38, 0.3); }
    .mobile-nav-content .nav-link.has-dropdown {position: relative;padding-right: 3rem}
    .mobile-nav-content .nav-link.has-dropdown::after {content: '▼';top: 50%;right: 1.5rem;font-size: 0.8rem;color: #FFEB3B;transition: transform 0.3s;transform: translateY(-50%);position: absolute}
    .mobile-nav-content .nav-item.active .nav-link.has-dropdown::after { transform: translateY(-50%) rotate(180deg); }
    .mobile-nav-content .dropdown {background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.5) 100%);border-top: 2px solid rgba(255, 235, 59, 0.2);display: none;padding: 0.5rem 0;box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);border-bottom: 2px solid rgba(255, 235, 59, 0.1)}
    .mobile-nav-content .nav-item.active .dropdown {animation: slideDown 0.3s ease;display: block}
    .mobile-nav-content .dropdown-item {margin: 0.2rem 0;transition: all 0.25s ease;align-items: center;display: flex;text-decoration: none;border: none;border-radius: 0;border-left: 3px solid transparent;font-weight: 500;color: #FFF9C4;font-size: 1.05rem;position: relative;padding: 1rem 1.5rem 1rem 2.5rem}
    .mobile-nav-content .dropdown-item::before {content: '▸';color: rgb(255,235,59);position: absolute;left: 1rem;font-size: 0.9rem;transition: all 0.25s ease}
    .mobile-nav-content .dropdown-item:not(:last-child)::after {right: 1rem;height: 1px;position: absolute;left: 2.5rem;content: '';bottom: 0;background: linear-gradient(90deg, rgba(255, 235, 59, 0.2), rgba(255, 235, 59, 0.05), transparent)}
    .mobile-nav-content .dropdown-item:hover {color: #FFEB3B;padding-left: 2.8rem;background: rgba(255, 167, 38, 0.35);border-left-color: #FFEB3B}
    .mobile-nav-content .dropdown-item:hover::before {left: 1.3rem;color: rgba(255,167,38,1)}
    .mobile-nav-content .dropdown-item:active {transform: scale(0.98);background: rgba(255, 167, 38, 0.5)}
    header .d-flex {gap: 1rem;justify-content: space-between;flex-direction: row;align-items: center}
    .hero-section { text-align: center; }
}

.hero-section .btn {color: rgba(26,26,26,1);background: linear-gradient(135deg, #ffeb3b 0%, #fdd835 100%);border: none}
.hero-section .btn:hover {color: rgba(26,26,26,1);background: #fdd835}

@media (min-width: 992px) {
    .hero-section .btn { margin-right: 1rem; }
    .hero-section .img-fluid { margin-left: 1rem; }
}

@media (max-width: 768px) {
    .hero-section .img-fluid { margin-top: 1rem; }
}

@media (max-width: 480px) {
    header img {width: 60px;height: 60px}
    header .btn {padding: 0.5rem 0.85rem;gap: 0.3rem;font-size: 0.8rem}
}



.feature-hero-image, .feature-card-image {width: 100%;margin: 1.5rem auto;max-width: 800px;height: auto;box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);border-radius: 2rem;display: block}

.hero-section {border-radius: 20px;padding: 2.5rem 0;background: rgba(93, 64, 55, 0.1);border: 1px solid rgba(141, 110, 99, 0.1);margin: 1rem 0}

.hero-section h1 {font-weight: 700;position: relative;font-size: 2.5rem;z-index: 1;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);line-height: 1.2;color: rgba(255,255,255,1);margin-bottom: 1.5rem}
.hero-section p {margin-bottom: 2rem;color: rgb(233,236,239);position: relative;line-height: 1.6;z-index: 1;font-size: 1.1rem}

.content-section {overflow: hidden;padding: 4rem 0;position: relative;background: linear-gradient(135deg, #3E2723 0%, #4E342E 50%, #5D4037 100%)}

.content-section::before {left: 0;top: 0;content: '';right: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain3" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain3)"/></svg>');bottom: 0;pointer-events: none;position: absolute;opacity: 0.1}

.features-grid {margin-bottom: 3rem;position: relative;z-index: 2;display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem}

.feature-card {transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);padding: 2rem;cursor: pointer;overflow: hidden;border-radius: 20px;border: 1px solid rgba(255, 255, 255, 0.1);backdrop-filter: blur(20px);position: relative;background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%)}

.feature-card::before {top: 0;height: 100%;left: -100%;content: '';transition: left 0.6s ease;position: absolute;width: 100%;background: linear-gradient(90deg, transparent, rgba(141, 110, 99, 0.15), transparent)}

.feature-card:hover::before { left: 100%; }
.feature-card:hover {box-shadow: 0 20px 40px rgba(78, 52, 46, 0.35);border-color: rgba(141, 110, 99, 0.35);transform: translateY(-10px) scale(1.02)}

.feature-icon {filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));font-size: 3rem;text-align: center;margin-bottom: 1.5rem;animation: float 3s ease-in-out infinite}
.feature-icon img {width: 64px;object-fit: contain;height: 64px;display: inline-block}
@media (max-width: 480px) { .feature-icon img {width: 192px;height: 192px} }

.feature-content { text-align: center; }
.feature-title {font-size: 1.5rem;font-weight: 700;margin-bottom: 1rem;color: #ffffff;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35)}
.feature-description {line-height: 1.5;margin-bottom: 1.5rem;color: #e9ecef;opacity: 0.9;font-size: 1rem}
.feature-tags {justify-content: center;flex-wrap: wrap;margin-bottom: 1.5rem;display: flex;gap: 0.5rem}

.feature-tag {font-size: 0.8rem;border-radius: 15px;box-shadow: 0 2px 8px rgba(255, 167, 38, 0.35);background: linear-gradient(135deg, #FF6F00 0%, #FFA726 100%);color: rgba(255,255,255,1);text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);font-weight: 600;padding: 0.3rem 0.8rem}

.feature-btn {text-decoration: none;font-weight: 700;align-items: center;color: #1a1a1a;position: relative;gap: 0.5rem;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-radius: 25px;display: inline-flex;font-size: 1rem;padding: 0.8rem 2rem;background: linear-gradient(135deg, #ffeb3b 0%, #fdd835 100%);overflow: hidden;box-shadow: 0 8px 25px rgba(253, 216, 53, 0.35)}

.feature-btn::before {content: '';top: 0;transition: left 0.6s ease;width: 100%;left: -100%;position: absolute;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);height: 100%}

.feature-btn:hover::before { left: 100%; }
.feature-btn:hover {text-decoration: none;box-shadow: 0 12px 35px rgba(253, 216, 53, 0.55);transform: translateY(-2px) scale(1.05);color: rgba(26,26,26,1)}
.feature-btn:hover .btn-icon { transform: translateX(5px); }

.steps-section {margin: 3rem 0;background: linear-gradient(135deg, rgba(141, 110, 99, 0.25) 0%, rgba(78, 52, 46, 0.15) 100%);overflow: hidden;padding: 3rem 2rem;position: relative;border-radius: 20px;border: 1px solid rgba(141, 110, 99, 0.35)}

.steps-section::before {position: absolute;top: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots2" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,107,107,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots2)"/></svg>');right: 0;content: '';bottom: 0;opacity: 0.3;pointer-events: none;left: 0}

.steps-title {background: linear-gradient(135deg, #FF6F00 0%, #FFA726 100%);text-shadow: 0 4px 20px rgba(141, 110, 99, 0.35);-webkit-background-clip: text;background-clip: text;color: #ffffff;margin-bottom: 2rem;font-weight: 800;text-align: center;font-size: 2rem;-webkit-text-fill-color: transparent !important}

.steps-grid {gap: 2rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));z-index: 2;position: relative}

.step-card {transition: all 0.3s ease;backdrop-filter: blur(15px);border-radius: 15px;background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);padding: 1.5rem;text-align: center;border: 1px solid rgba(255, 255, 255, 0.1);position: relative}

.step-card:hover {transform: translateY(-5px);box-shadow: 0 15px 30px rgba(78, 52, 46, 0.35);border-color: rgba(141, 110, 99, 0.35)}

.step-number {font-size: 1.2rem;border-radius: 50%;background: linear-gradient(135deg, #FF6F00 0%, #FFA726 100%);height: 40px;display: flex;color: #ffffff;align-items: center;font-weight: 700;margin: 0 auto 1rem;width: 40px;justify-content: center;box-shadow: 0 4px 15px rgba(255, 111, 0, 0.35)}

.step-title {font-size: 1.2rem;color: #ffffff;margin-bottom: 0.5rem;font-weight: 600}
.step-description {color: #e9ecef;opacity: 0.8;font-size: 0.9rem;line-height: 1.4}

@media (max-width: 768px) {
    .content-section { padding: 3rem 0; }
    .features-grid {gap: 1.5rem;grid-template-columns: 1fr}
    .feature-card { padding: 1.5rem; }
    .feature-icon { font-size: 2.5rem; }
    .feature-title { font-size: 1.3rem; }
    .steps-section { padding: 2rem 1rem; }
    .steps-title { font-size: 1.8rem; }
    .steps-grid {gap: 1.5rem;grid-template-columns: 1fr}
}

@media (max-width: 480px) {
    .content-section { padding: 2rem 0; }
    .feature-card { padding: 1.2rem; }
    .feature-icon { font-size: 2rem; }
    .feature-title { font-size: 1.2rem; }
    .feature-tags { gap: 0.3rem; }
    .feature-tag {font-size: 0.7rem;padding: 0.2rem 0.6rem}
    .steps-section { padding: 1.5rem 1rem; }
    .steps-title { font-size: 1.6rem; }
}

.hero-section .btn {letter-spacing: 1px;font-size: 1.1rem;transition: all 0.3s ease;font-weight: 600;position: relative;z-index: 1;padding: 0.8rem 2rem;text-transform: uppercase;box-shadow: 0 4px 15px rgba(141, 110, 99, 0.3)}

@media (max-width: 768px) {
    .hero-section {margin: 0.5rem 0;border-radius: 15px;padding: 1.5rem 0}
    .hero-section h1 { font-size: 1.75rem; }
    body { overflow-x: hidden; }
    section , [data-sf-shell]{ overflow-x: hidden; }
    section img , [data-sf-shell] img{height: auto;max-width: 100%}
    .col-12 img, .col-lg-6 img {height: auto;max-width: 100%}
    .feature-hero-image, .feature-card-image { max-width: 100%; }
}

@media (max-width: 480px) {
    .feature-hero-image, .feature-card-image { margin: 0.75rem auto; }
}


.section-title {font-size: 1.75rem;font-weight: 800;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);margin-bottom: 0.5rem;color: #ffffff}

.section-subtitle {opacity: 0.85;font-size: 1rem;color: rgba(233,236,239,1);margin-bottom: 0}



.a1-access {
    padding: 2.5rem 0;
}

.a1-faq-item {margin-bottom: 1.2rem;border-radius: 12px;padding: 1.8rem;background: linear-gradient(135deg, #6D4C41 0%, #5D4037 100%);border: 2px solid #4CAF50}

.a1-faq-item:last-child { margin-bottom: 0; }

.a1-faq-item h4 {font-size: 1.2rem;color: #FFEB3B;margin: 0 0 1rem 0}
.a1-faq-item p {line-height: 1.7;margin: 0;color: rgb(255,249,196)}


.sf-related-articles{background:rgba(255,255,255,.06);box-shadow:0 16px 45px rgba(15,23,42,.08);padding:clamp(18px,3vw,28px);border:1px solid rgba(148,163,184,.24);margin:clamp(28px,5vw,56px) auto;max-width:1120px;border-radius:24px}
.sf-related-articles h2{margin:0 0 8px;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.2}
.sf-related-articles>p{opacity:.78;margin:0 0 18px;line-height:1.65}
.sf-related-articles__list{margin:0;padding:0;gap:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));list-style:none}
.sf-related-articles__item{margin:0;padding:0;list-style:none}
.sf-related-articles__link{padding:16px;gap:7px;display:flex;text-decoration:none;border-radius:18px;border:1px solid rgba(148,163,184,.18);flex-direction:column;background:rgba(255,255,255,.08);color:inherit;min-height:100%;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.sf-related-articles__link:hover{background:rgba(255,255,255,.13);border-color:rgba(59,130,246,.45);transform:translateY(-2px)}
.sf-related-articles__type{letter-spacing:.04em;color:inherit;width:max-content;font-weight:700;font-size:.72rem;opacity:.88;background:rgba(59,130,246,.14);text-transform:uppercase;border-radius:999px;padding:3px 9px}
.sf-related-articles strong{line-height:1.35;font-size:1rem}
.sf-related-articles small{font-size:.88rem;opacity:.72;line-height:1.45}
@media(max-width:640px){.sf-related-articles{border-radius:18px;padding:16px;margin:28px 12px}.sf-related-articles__list{grid-template-columns:1fr}.sf-related-articles__link{padding:14px}}