/* Shared stylesheet for CAPMONEY static site */
/* Extracted from common patterns across all HTML files */

/* ===== FONTS ===== */
/* @import MUST be first — browsers ignore @import placed after any CSS rule */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Murecho:wght@200;300;400&family=Roboto:wght@200;300;400&family=Red+Hat+Display:wght@400;700&display=swap');

/* ===== SCROLL HINT ===== */
.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;opacity:0;animation:hintFadeIn 1s ease 1.4s forwards;pointer-events:none;}
.scroll-hint span{display:block;width:18px;height:18px;border-right:2px solid rgba(255,255,255,0.35);border-bottom:2px solid rgba(255,255,255,0.35);transform:rotate(45deg);animation:scrollBounce 1.6s ease-in-out infinite;}
.scroll-hint span:nth-child(2){animation-delay:0.2s;opacity:0.45;}
@keyframes scrollBounce{0%,100%{transform:rotate(45deg) translateY(0);opacity:0.8;}50%{transform:rotate(45deg) translateY(6px);opacity:0.25;}}
@keyframes hintFadeIn{to{opacity:1;}}

@font-face { font-family: 'Neue Haas Grotesk Display Pro 35 Thin'; src: url('../fonts/NeueHaasDisplayXXThin.ttf') format('truetype'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Neue Haas Grotesk Display Pro 35 Thin'; src: url('../fonts/NeueHaasDisplayXThin.ttf')  format('truetype'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'Neue Haas Grotesk Display Pro 35 Thin'; src: url('../fonts/NeueHaasDisplayThin.ttf')   format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Neue Haas Grotesk Display Pro 35 Thin'; src: url('../fonts/NeueHaasDisplayLight.ttf')  format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Neue Haas Grotesk Display Pro 35 Thin'; src: url('../fonts/NeueHaasDisplayRoman.ttf')  format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Neue Haas Grotesk Display Pro 35 Thin'; src: url('../fonts/NeueHaasDisplayMediu.ttf')  format('truetype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Neue Haas Grotesk Display Pro 35 Thin'; src: url('../fonts/NeueHaasDisplayBold.ttf')   format('truetype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Neue Haas Grotesk Display Pro 35 Thin'; src: url('../fonts/NeueHaasDisplayBlack.ttf')  format('truetype'); font-weight: 900; font-style: normal; }
/* ===== Typography helper ===== */
/* Apply Murecho to banner text (body copy etc), but keep banner headings/subheadings on their own fonts. */
.banner :where(p, span, div, a, li, blockquote, label) {
    font-family: 'Murecho', sans-serif !important;
}

/* Undo for common heading/subheading elements inside banners */
.banner :where(h1, h2, h3, h4, h5, h6) {
    font-family: inherit;
}

/* ===== GLOBAL RESET ===== */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    zoom: 1.1;
}

/* ===== GLOBAL: ROUNDED CORNERS (4px) ===== */
* {
    border-radius: 8px !important;
}

/* ===== CSS VARIABLES ===== */
:root {
    --bg-body:    #006BA6;
    --bg-nav:     #021625;
    --bg-ticker:  #eef4f6;
    --bg-footer:  #03253e;
    --text-main:  #1e2f3a;
    --text-muted: #5f7c8a;
    --text-inv:   #ffffff;
    --acc-cap:    #007FFF;
    --acc-blue:   #00BFFF;
    --acc-money:  #E35728;
    --border:     rgba(0,0,0,0.08);
    --popup-bg:   #ffffff;
    --shadow-pop: 0 20px 40px rgba(0,0,0,0.12);
    --card-bg:    #ffffff;
    --card-white: #ffffff;
    --card-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0,0,0,0.02);
    --border-light: rgba(0, 0, 0, 0.05);
}

/* ===== BASE STYLES ===== */
html,body {
    margin:0;padding:0;background:var(--bg-body);color:var(--text-main);
    padding-top:80px;font-family:'Segoe UI','Inter',system-ui,sans-serif;font-size:16px;
    line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;
    min-height:100vh;
}
.page-wrapper { min-height:100vh; position:relative; }
.container {
    max-width:1280px;margin:0 auto;padding:0 40px;position:relative;z-index:1;
}
footer { position:relative;z-index:1; }

/* ===== BACKGROUND CANVAS ===== */
#bg-anim {
    position:fixed; inset:0;
    width:100%; height:100%;
    pointer-events:none; z-index:0;
    opacity:0.9; mix-blend-mode:screen;





}

/* ===== HEADER (fixed dropdown) ===== */
header {
    background:var(--bg-nav);height:80px;position:fixed;top:0;width:100%;
    z-index:10000;display:flex;align-items:center;
    border-bottom:1px solid rgba(255,255,255,0.08);box-shadow:0 4px 20px rgba(0,0,0,0.2);
    overflow: visible !important;
    transform: translateY(0);
    transition: transform 0.36s cubic-bezier(0.4,0,0.2,1),
                background 0.3s ease,
                box-shadow 0.3s ease;
    will-change: transform;
}

/* Dropdown compositing hints for smoother text */
.popup-box {
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    transform: translateZ(0);
}

/* slides header out of view when scrolling down */
header.header--hidden {
    transform: translateY(-100%);
}
/* elevated frosted state once user has scrolled past the fold */
header.header--scrolled {
    background: rgba(2, 22, 37, 0.92);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
    box-shadow: 0 6px 32px rgba(0,0,0,0.45);
    border-bottom-color: rgba(255,255,255,0.13);
}
.header-content { 
    display:flex;width:100%;align-items:center;
    justify-content:space-between;position:relative;height:100%;
    overflow: visible !important; 
}
.logo-img { 
    height:28px;width:auto;transition:opacity .2s;border-radius:0 !important; 
}
.logo-img:hover { 
    opacity:.9; 
}
.hamburger {
    display:none; flex-direction:column; cursor:pointer; padding:10px;
}
.hamburger span {
    display: block;
    width: 34px; height: 4px; background: #fff; margin: 0; transition: 0.3s;
    flex-shrink: 0;
}
.hamburger.active span:nth-child(1) {
    transform: rotate(-45deg) translate(-4px, 9px);
}
.hamburger.active span:nth-child(2) {
    opacity: 0;
}
.hamburger.active span:nth-child(3) {
    transform: rotate(45deg) translate(-4px, -9px);
}

/* ── High-specificity mobile override: beats per-page .hamburger span !important rules ── */
/* header .hamburger span (0,0,1,2) > .hamburger span (0,0,1,1) even when both use !important */
@media (max-width: 900px) {
    header .hamburger {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        width: 48px !important;
        height: 48px !important;
        padding: 8px !important;
        margin-top: 5px !important;
        cursor: pointer !important;
    }
    header .hamburger span {
        display: block !important;
        width: 34px !important;
        height: 4px !important;
        background: #fff !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        opacity: 1 !important;
        transition: transform 0.3s, opacity 0.3s !important;
    }
    /* center-to-center = height/2 + gap + height/2 = 2 + 7 + 2 = 11px */
    header .hamburger.active span:nth-child(1) {
        transform: rotate(-45deg) translate(-4px, 11px) !important;
    }
    header .hamburger.active span:nth-child(2) {
        opacity: 0 !important;
    }
    header .hamburger.active span:nth-child(3) {
        transform: rotate(45deg) translate(-4px, -11px) !important;
    }
}
.main-nav { 
    display:flex;list-style:none;margin:0;padding:0;height:100%; 
}
.nav-item { 
    height:100%;display:flex;align-items:center;padding:0 24px;
    transition:.2s;position:relative; overflow: visible !important; 
}
.nav-item>a { 
    color:var(--text-inv);text-decoration:none;font-size:15px;
    font-weight:500;font-family:'Plus Jakarta Sans',sans-serif;
    display:flex;align-items:center;gap:8px;letter-spacing:.3px; 
}
.nav-item:hover { 
    background:rgba(255,255,255,0.04); 
}
.nav-item:hover>a { 
    color:var(--acc-cap); 
}
.popup-box {
    position:absolute;top:80px;left:0;width:auto;
    background:var(--popup-bg);border:1px solid var(--border);
    display:block;padding:16px 0;
    box-shadow:var(--shadow-pop);z-index:100000 !important;
    overflow:visible;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px) scale(0.97);
    transform-origin:top center;
    will-change:opacity,transform;
    /* close: quick fade, visibility hidden only after fade completes */
    transition:
        opacity    0.16s ease,
        transform  0.16s ease,
        visibility 0s linear 0.16s;
}
.nav-item:hover .popup-box {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
    /* open: spring easing, visibility instant, 60ms delay to prevent accidental triggers */
    transition:
        opacity    0.28s cubic-bezier(0.16, 1, 0.3, 1) 60ms,
        transform  0.32s cubic-bezier(0.16, 1, 0.3, 1) 60ms,
        visibility 0s   linear                          0ms;
}
.sub-link {
    display:flex;gap:12px;text-decoration:none;padding:9px 18px;
    transition:background 0.15s ease, transform 0.12s cubic-bezier(0.22,1,0.36,1);
    align-items:center;margin:2px 8px;
    position:relative;z-index:0;
}
.sub-link:hover {
    background:#E35728;
    transform:scale(1.12);
    z-index:99999;
}
.sub-link:hover .sub-icon,.sub-link:hover .sub-title,.sub-link:hover .sub-desc {
    color:#fff;
}
.sub-icon { 
    width:30px;height:30px;display:flex;align-items:center;justify-content:center;
    color:#000;font-size:15px;flex-shrink:0; 
}
.sub-text { 
    display:flex;flex-direction:column; 
}
.sub-title { 
    color:#000;font-size:14px;font-weight:500;font-family:'Plus Jakarta Sans',sans-serif;margin-bottom:2px;white-space:nowrap; 
}
.sub-desc  { 
    color:#5f7c8a;font-size:11.5px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;line-height:1.4;white-space:nowrap; 
}

/* ===== MOBILE NAVIGATION ===== */
.mobile-nav { 
    display:none; position:absolute; top:114px; left:0; width:100%; background:var(--bg-nav); z-index:10001; padding:20px; box-shadow:0 4px 20px rgba(0,0,0,0.2); 
}
.mobile-nav.open { 
    display:block; 
}
.mobile-nav ul { 
    list-style:none; padding:0; margin:0; 
}
.mobile-nav li { 
    margin:10px 0; 
}
.mobile-nav a { 
    color:#fff; text-decoration:none; font-size:16px; font-family:'Plus Jakarta Sans',sans-serif; font-weight:500; display:block; padding:10px; transition:background 0.2s; 
}
.mobile-nav a:hover { 
    background:rgba(255,255,255,0.1); 
}
.mobile-nav .sub-menu { 
    padding-left:20px; display:none; 
}
.mobile-nav .nav-item.active .sub-menu { 
    display:block; 
}

/* ===== UTILITY AREA ===== */
.util-area { 
    display:flex;align-items:center;gap:20px; 
}
.lang-selector { 
    position:relative;display:flex;align-items:center; 
}
.lang-btn { 
    background:transparent;border:1px solid rgba(255,255,255,0.25);color:#fff;
    padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;
    display:flex;align-items:center;gap:8px;transition:all .2s; 
}
.lang-btn:hover { 
    border-color:var(--acc-cap);color:var(--acc-cap);background:rgba(255,255,255,0.05); 
}
.lang-btn i { 
    font-size:12px;opacity:.7; 
}
.lang-dropdown { 
    position:absolute; top:calc(100% + 6px); right:0; width:170px;
    background:#fff; border:1px solid var(--border); display:none;
    padding:8px 0; box-shadow:var(--shadow-pop); z-index:100000 !important; 
}
.lang-dropdown.open { 
    display:block; 
}
.lang-dropdown a { 
    display:block;padding:12px 20px;color:#1e2f3a;text-decoration:none;
    font-size:13px;transition:.15s; 
}
.lang-dropdown a:hover { 
    background:#f0f4f8;color:var(--acc-cap); 
}
.portal-btn { 
    background:var(--acc-money);color:#fff;border:none;padding:12px 28px;
    font-weight:700;font-size:13px;cursor:pointer;
    letter-spacing:.5px;transition:background .2s,transform .1s; 
}
.portal-btn:hover { 
    background:#c43e1a;transform:scale(1.02); 
}

/* ===== TICKER ===== */
@keyframes tickerScroll {
    0%{transform:translateX(0)}
    100%{transform:translateX(-50%)}
}
.ticker-wrap {
    width:100%;background:#0a1a2a;
    border-bottom:1px solid rgba(255,255,255,0.07);
    border-top:1px solid rgba(255,255,255,0.05);
    padding:0;position:fixed;top:80px;z-index:9999;
    overflow:hidden;height:34px;display:flex;align-items:center;
}
.ticker-label {
    flex-shrink:0;background:#006BA6;color:#fff;
    font-size:10px;font-weight:700;letter-spacing:.12em;
    text-transform:uppercase;padding:0 14px;height:100%;
    display:flex;align-items:center;white-space:nowrap;
    border-right:1px solid rgba(255,255,255,0.12);
}
.ticker-scroll-outer { overflow:hidden;flex:1;height:100%;position:relative; }
.ticker-content {
    white-space:nowrap;display:inline-flex;align-items:center;height:100%;
    animation:tickerScroll 80s linear infinite;
}
.tick-item {
    display:inline-flex;align-items:center;gap:7px;padding:0 22px;
    border-right:1px solid rgba(255,255,255,0.06);
    font-size:12px;font-family:'Inter',monospace;height:100%;
}
.tick-sym   { color:rgba(255,255,255,0.5);font-weight:600;font-size:10px;letter-spacing:.06em; }
.tick-price { color:#e8eef8;font-weight:500; }
.tick-chg.up   { color:#22d67a; }
.tick-chg.dn   { color:#ff5f5f; }
.tick-arrow.up { color:#22d67a;font-size:9px; }
.tick-arrow.dn { color:#ff5f5f;font-size:9px; }
.tick-time { color:rgba(255,255,255,0.2);font-size:10px;margin-left:auto;padding:0 12px;flex-shrink:0;font-family:monospace; }

/* ===== SHARED BUTTONS ===== */
.btn-primary {
    padding:14px 32px;font-weight:700;font-size:13px;
    letter-spacing:0.5px;text-decoration:none;transition:all .2s;cursor:pointer;
    border:none;display:inline-flex;align-items:center;gap:8px;font-family:inherit;
    background:var(--acc-money);color:#fff;
}
.btn-primary:hover { background:#c43e1a;transform:translateY(-2px); }
.btn-secondary {
    padding:14px 32px;font-weight:700;font-size:13px;
    letter-spacing:0.5px;text-decoration:none;transition:all .2s;cursor:pointer;
    border:1px solid rgba(255,255,255,0.3);display:inline-flex;align-items:center;gap:8px;
    background:rgba(255,255,255,0.08);color:#fff;font-family:inherit;
}
.btn-secondary:hover { background:rgba(255,255,255,0.14);border-color:var(--acc-cap); }

/* ===== FOOTER ===== */
footer {
    background:var(--bg-footer);color:#cdd8e0;margin-top:80px;
    padding:80px 0 20px;border-top:1px solid rgba(255,255,255,0.08);
    font-size:14px;font-family:'Roboto',sans-serif;font-weight:300;
    line-height:1.4;text-align:left;
}
footer img {
    border-radius:0 !important;
}
.footer-grid { 
    display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;margin-bottom:50px; 
}
.footer-col p {
    font-size:14px;color:#c7d7e0;line-height:1.4;margin:0 0 20px;
    font-family:'Roboto',sans-serif;font-weight:300;text-align:left;
}
.footer-col h4 {
    color:var(--acc-money);font-size:14px;text-transform:uppercase;
    margin:0 0 25px;letter-spacing:1px;font-weight:200;
    font-family:'Roboto',sans-serif;text-align:left;
}
.footer-links {
    display:flex;flex-direction:column;gap:14px;
}
.footer-links a {
    color:#c7d7e0;text-decoration:none;font-size:14px;
    transition:color .2s;font-weight:200;
    font-family:'Roboto',sans-serif;text-align:left;
}
.footer-links a:hover { 
    color:var(--acc-cap); 
}
.contact-item {
    display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;
    color:#c7d7e0;font-size:14px;line-height:1.4;
    font-family:'Roboto',sans-serif;font-weight:300;text-align:left;
}
.contact-item i {
    color:var(--acc-cap);width:18px;font-size:15px;margin-top:2px;
}
footer .contact-item i {
    color:rgba(199,215,224,0.35);
}
.contact-item a {
    color:#c7d7e0;text-decoration:none;transition:color .2s;
    font-family:'Roboto',sans-serif;font-weight:300;font-size:14px;
}
.contact-item a:hover {
    color:var(--acc-cap);
}
.contact-label {
    display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.1px;
    color:var(--acc-cap);font-weight:400;margin-bottom:6px;
    font-family:'Murecho',sans-serif;
}
.contact-num-row {
    display:block;
    font-size:13.5px;color:#c7d7e0;line-height:1.6;
    font-family:'Roboto',sans-serif;font-weight:300;
}
.contact-num-row a { color:#c7d7e0;text-decoration:none;transition:color .2s; }
.contact-num-row a:hover { color:var(--acc-cap); }
.contact-phone-grid {
    display:flex;align-items:flex-start;gap:20px;margin-bottom:16px;
}
.contact-phone-grid .contact-item {
    margin-bottom:0;flex:0 0 auto;
}
.contact-phone-grid .contact-item:first-child {
    padding-right:20px;border-right:1px solid rgba(199,215,224,0.1);
}
.app-buttons { 
    display:flex;flex-direction:column;gap:12px;margin-top:20px; 
}
.app-button { 
    display:inline-flex;align-items:center;gap:12px;
    background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);
    padding:10px 16px;color:#fff;text-decoration:none;
    transition:all .2s;width:fit-content; 
}
.app-button:hover { 
    background:rgba(255,255,255,0.15);border-color:var(--acc-cap);
    transform:translateY(-2px); 
}
.app-button i { 
    font-size:22px;color:var(--acc-cap); 
}
.app-button span { 
    display:flex;flex-direction:column; 
}
.app-button .small-text { 
    font-size:9px;opacity:.7;letter-spacing:.3px; 
}
.app-button .store-name { 
    font-size:13px;font-weight:600; 
}
.social-links { 
    display:flex;gap:18px;margin:25px 0; 
}
.social-links a {
    color:#c7d7e0;font-size:24px;transition:all .2s;
}
.social-links a:hover { 
    color:var(--acc-cap);transform:translateY(-2px); 
}
.footer-col button { 
    background:var(--acc-money);color:#fff;border:none;
    padding:16px;width:100%;font-weight:700;cursor:pointer;
    font-size:13px;letter-spacing:.5px;transition:all .2s;
    font-family:'Plus Jakarta Sans',sans-serif; 
}
.footer-col button:hover { 
    background:#c43e1a;transform:translateY(-2px);
    box-shadow:0 10px 20px rgba(227,87,40,0.3); 
}
.footer-bottom {
    display:flex;justify-content:space-between;align-items:center;
    padding-top:25px;border-top:1px solid rgba(255,255,255,0.08);
    font-size:14px;color:#a0b8c0;
    font-family:'Roboto',sans-serif;font-weight:300;
}
.copyright { 
    display:flex;gap:25px;align-items:center; 
}
.copyright a { 
    color:#a0b8c0;text-decoration:none;transition:color .2s;
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:400; 
}
.copyright a:hover { 
    color:var(--acc-cap); 
}
.cookie-link { 
    color:var(--acc-cap) !important;font-weight:500; 
}
.regulatory-box {
    background:transparent;border:none;padding:35px 0;
    margin:40px 0 0;font-size:13px;
    color:#c7d7e0;line-height:1.4;text-align:left;
    font-family:'Roboto',sans-serif;font-weight:300;
    border-top:1px solid rgba(255,255,255,0.15);
}
.regulatory-box p { 
    margin:0 0 16px; 
}
.regulatory-box p:last-child { 
    margin-bottom:0; 
}
.regulatory-box strong {
    color: inherit; font-weight:600;
}
.regulatory-box [data-i18n="risk_title"] {
    color:#e35728;
}

/* ===== DRAWER — Option B (slide-in from left) ===== */
#drawer-backdrop {
    position: fixed; inset: 0; background: rgba(0,0,0,0.55);
    z-index: 19998; opacity: 0; pointer-events: none;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
}
#drawer-backdrop.open { opacity: 1; pointer-events: auto; }
#drawer {
    position: fixed; top: 0; left: 0;
    width: 82%; max-width: 320px; height: 100%;
    background: #021625;
    border-right: 1px solid rgba(255,255,255,0.08);
    box-shadow: 6px 0 40px rgba(0,0,0,0.55);
    z-index: 19999; display: flex; flex-direction: column;
    transform: translateX(-100%);
    transition: transform 0.32s cubic-bezier(0.4,0,0.2,1);
    overflow-y: auto; -webkit-overflow-scrolling: touch;
}
#drawer.open { transform: translateX(0); }
.drw-header {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 20px; height: 64px; flex-shrink: 0;
    border-bottom: 1px solid rgba(255,255,255,0.07);
}
.drw-header a { display: flex; align-items: center; }
.drw-header img { height: 22px; width: auto; }
#drawer-close {
    background: transparent; border: none;
    color: rgba(255,255,255,0.4); font-size: 22px;
    cursor: pointer; padding: 6px 8px; line-height: 1;
    transition: color 0.2s;
}
#drawer-close:hover { color: #fff; }
.drw-nav { flex: 1; padding: 8px 0; overflow-y: auto; }
.drw-item { border-bottom: 1px solid rgba(255,255,255,0.05); }
.drw-section-btn {
    width: 100%; background: transparent; border: none;
    color: rgba(255,255,255,0.88);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px; font-weight: 600; letter-spacing: 0.02em;
    padding: 17px 20px; text-align: left;
    display: flex; align-items: center; justify-content: space-between;
    cursor: pointer; transition: color 0.2s, background 0.2s;
}
.drw-section-btn:hover { background: rgba(255,255,255,0.04); color: #fff; }
.drw-section-btn i { font-size: 11px; opacity: 0.45; transition: transform 0.25s ease, opacity 0.2s, color 0.2s; }
.drw-item.open > .drw-section-btn { color: var(--acc-money); }
.drw-item.open > .drw-section-btn i { transform: rotate(180deg); opacity: 1; color: var(--acc-money); }
.drw-sub {
    list-style: none; margin: 0; padding: 0;
    max-height: 0; overflow: hidden;
    background: rgba(0,0,0,0.18);
    transition: max-height 0.3s cubic-bezier(0.4,0,0.2,1);
}
.drw-item.open > .drw-sub { max-height: 500px; }
.drw-sub li a {
    display: flex; align-items: center; gap: 12px;
    padding: 13px 20px 13px 24px;
    color: rgba(255,255,255,0.55);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px; font-weight: 500; text-decoration: none;
    border-left: 2px solid transparent;
    transition: color 0.2s, background 0.2s, border-color 0.2s;
}
.drw-sub li a i { width: 15px; font-size: 12px; color: rgba(255,255,255,0.25); flex-shrink: 0; transition: color 0.2s; }
.drw-sub li a:hover { color: #fff; background: rgba(255,255,255,0.05); border-left-color: var(--acc-money); }
.drw-sub li a:hover i { color: var(--acc-money); }
.drw-footer {
    padding: 20px; flex-shrink: 0;
    border-top: 1px solid rgba(255,255,255,0.07);
}
.drw-portal-btn {
    display: block; text-align: center;
    background: var(--acc-money); color: #fff;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 12px; font-weight: 700; letter-spacing: 0.08em;
    text-transform: uppercase; text-decoration: none;
    padding: 15px; transition: background 0.2s;
}
.drw-portal-btn:hover { background: #c43e1a; }

/* ===== KEYFRAMES ===== */

.mob-br { display:none; }
.lang-mob-icon { display:none; }

/* ===== RESPONSIVE BREAKPOINTS ===== */
@media (max-width: 900px) {
    .container { padding:0 20px; }
    .hamburger { display:flex; }
    .main-nav { display:none; }
    .footer-grid { grid-template-columns:1fr 1fr; }
    .footer-bottom { flex-direction:column;gap:15px;text-align:center; }
    .mob-br { display:block; }
    .contact-phone-grid { flex-direction:column;gap:12px; }
    .contact-phone-grid .contact-item:first-child { padding-right:0;border-right:none;border-bottom:1px solid rgba(199,215,224,0.1);padding-bottom:12px; }
    /* Mobile header: hamburger + globe | logo right */
    header .header-content {
        display: grid !important;
        grid-template-columns: auto auto 1fr !important;
        align-items: center !important;
        padding: 0 16px !important;
    }
    header .header-content > a:first-of-type {
        grid-column: 3; grid-row: 1;
        display: flex; align-items: center; justify-content: flex-end;
    }
    header .header-content > a:first-of-type .logo-img { height: 36px !important; }
    header .header-content > nav { display: none !important; }
    header .header-content .util-area {
        grid-column: 2; grid-row: 1;
        display: flex !important;
        align-items: center;
        padding: 0;
    }
    header .header-content .util-area > a { display: none !important; }
    .lang-mob-icon { display: inline-block !important; font-size: 19px; color: rgba(255,255,255,0.70); }
    .lang-desk { display: none !important; }
    .lang-btn { background: transparent !important; border: none !important; padding: 6px 10px !important; }
    .lang-dropdown {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: min(170px, calc(100vw - 24px));
    }
}