:root {--bs-pink: #e91e63;--bs-black: #1a1919;--bs-success: #4caf50;--bs-secondary: #6c757d;--bs-light: #f8f9fa;--bs-warning: #ffeb3b;--bs-red: rgba(244,67,54,1);--bs-danger: #f44336;--bs-dark: #212529;--bs-info: #00bcd4;--bs-gray: #6c757d;--bs-primary: #4E342E;--bs-yellow: rgb(255,235,59);--bs-gray-dark: #343a40;--bs-green: #4caf50;--bs-indigo: rgb(141,110,99);--bs-white: rgba(255,255,255,1);--bs-purple: rgba(109,76,65,1);--bs-orange: rgba(255,152,0,1);--bs-cyan: #00bcd4;--bs-teal: rgba(0,150,136,1);--bs-blue: rgba(93,64,55,1)}

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

body {min-height: 100vh;margin: 0;background: rgba(78,52,46,1);font-weight: 400;line-height: 1.5;padding: 0;font-size: 1rem;color: white;font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;user-select:auto;outline-offset:0;pointer-events:auto}


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

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

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

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

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


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

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

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

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


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

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

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

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

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

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

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

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

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

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

.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-bottom: 1.5rem;padding-top: 1.5rem}
.header-93da {padding-bottom: 1rem;padding-top: 1rem}
.wide-16a4 { background: #4E342E; }
.widget-gas-28fe {height: auto;max-width: 100%}

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

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 {color: rgba(13, 110, 253, 1);text-decoration: underline}
img { vertical-align: middle; }

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

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

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

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


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

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

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

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


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

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

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

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

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

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

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

.steel_9950 .label-focused-e0d5 {border-radius: 10px;left: 50%;min-width: 200px;border: 1px solid rgba(255, 255, 255, 0.15);z-index: 1001;backdrop-filter: blur(10px);transform: translateX(-50%) translateY(-10px);position: absolute;visibility: hidden;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);background: rgb(78,52,46);padding: 0.25rem 0;top: calc(100% + 0.25rem);opacity: 0}

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

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

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

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

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

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

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

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

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

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

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

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

.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) {transform: rotate(-45deg) translate(-4px, 5px);background: #ff6b6b}
.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) {background: #ff6b6b;transform: rotate(45deg) translate(-4px, -5px)}

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

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

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

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

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

.silver-71a5 .dirty-38c6, .hero-section .btn {color: rgb(26,26,26);border: none;background: linear-gradient(135deg, #ffeb3b 0%, #fdd835 100%)}
.silver-71a5 .dirty-38c6:hover, .hero-section .btn:hover {color: rgba(26,26,26,1);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 {height: 60px;width: 60px}
    header .dirty-38c6, header .btn {gap: 0.3rem;padding: 0.5rem 0.85rem;font-size: 0.8rem}
}



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

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

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

.silver-71a5 p {font-size: 1.1rem;margin-bottom: 2rem;z-index: 1;color: #e9ecef;position: relative;line-height: 1.6}

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

.pagination-359f::before {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>');top: 0;position: absolute;bottom: 0;opacity: 0.1;content: '';right: 0;pointer-events: none;left: 0}

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

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

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

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

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

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

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

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

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

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

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

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

.accordion-silver-0275::before {top: 0;left: 0;right: 0;opacity: 0.3;position: absolute;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>');content: '';pointer-events: none;bottom: 0}

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

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

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

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

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

.dirty-c76c {margin-bottom: 0.5rem;font-size: 1.2rem;font-weight: 600;color: rgba(255,255,255,1)}
.label-red-3d06 {opacity: 0.8;font-size: 0.9rem;color: rgb(233,236,239);line-height: 1.4}

@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 {padding: 0.8rem 2rem;z-index: 1;font-size: 1.1rem;box-shadow: 0 4px 15px rgba(141, 110, 99, 0.3);position: relative;text-transform: uppercase;font-weight: 600;transition: all 0.3s ease;letter-spacing: 1px}

@media (max-width: 768px) {
    .silver-71a5 {border-radius: 15px;padding: 1.5rem 0;margin: 0.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{height: auto;max-width: 100%}
    .description_2021 img, .search_up_d495 img {max-width: 100%;height: auto}
    .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 {position: relative;overflow: hidden;padding: 4rem 0;background: linear-gradient(135deg, #3E2723 0%, #4E342E 50%, #5D4037 100%)}

.media_4849::before {right: 0;opacity: 0.1;left: 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="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>');content: '';top: 0;pointer-events: none;bottom: 0}

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

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

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

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

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

.top-09da:hover::before { left: 100%; }
.top-09da: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)}

.medium-7e93 {background: linear-gradient(135deg, rgba(141, 110, 99, 0.25) 0%, rgba(78, 52, 46, 0.15) 100%);border: 2px solid rgba(141, 110, 99, 0.35);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 {font-size: 3rem;filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));margin-bottom: 1.5rem;text-align: center;animation: float 3s ease-in-out infinite}

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

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

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

.tabs-26df:hover::before { left: 100%; }
.tabs-26df:hover {text-decoration: none;box-shadow: 0 12px 35px rgba(253, 216, 53, 0.55);transform: translateY(-2px) scale(1.05);color: #1a1a1a}
.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 {grid-template-columns: 1fr;gap: 1.5rem}
    .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 {padding: 0.2rem 0.6rem;font-size: 0.7rem}
}


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



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

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

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

.col-12 {width: 100%;flex: 0 0 auto}
.col-6 {width: 50%;flex: 0 0 auto}
@media (min-width: 768px) {
    .col-md-3 {width: 25%;flex: 0 0 auto}
    .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 {width: 50%;flex: 0 0 auto}
}

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

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

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

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

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

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

.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-top: 0.5rem;margin-bottom: 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-bottom: 1rem;padding-top: 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 {max-width: 100%;height: auto}

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

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

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

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

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

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

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

.nav-menu .dropdown {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);top: calc(100% + 0.25rem);border-radius: 10px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);opacity: 0;transform: translateX(-50%) translateY(-10px);position: absolute;visibility: hidden;background: #4E342E;z-index: 1001;left: 50%;border: 1px solid rgba(255, 255, 255, 0.15);padding: 0.25rem 0}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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 {gap: 0.3rem;font-size: 0.8rem;padding: 0.5rem 0.85rem}
}



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

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

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

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

.content-section::before {top: 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;left: 0;content: '';pointer-events: none;opacity: 0.1;right: 0;position: absolute}

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

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

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

.feature-card:hover::before { left: 100%; }
.feature-card: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)}

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

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

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

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

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

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

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

.steps-section::before {bottom: 0;top: 0;right: 0;position: absolute;content: '';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="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>');opacity: 0.3}

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

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

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

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

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

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

@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 {grid-template-columns: 1fr;gap: 1.5rem}
}

@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 {position: relative;transition: all 0.3s ease;font-weight: 600;box-shadow: 0 4px 15px rgba(141, 110, 99, 0.3);font-size: 1.1rem;padding: 0.8rem 2rem;text-transform: uppercase;z-index: 1;letter-spacing: 1px}

@media (max-width: 768px) {
    .hero-section {border-radius: 15px;margin: 0.5rem 0;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;color: #ffffff;margin-bottom: 0.5rem;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3)}

.section-subtitle {color: #e9ecef;opacity: 0.85;font-size: 1rem;margin-bottom: 0}



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

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

.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 {color: #FFF9C4;margin: 0;line-height: 1.7}


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