/* LEFTURN V5 — steady crossfades, responsive identity and usable mobile drawer */
.nav{z-index:120!important}
.nav .brand{position:relative;display:block;width:clamp(155px,13vw,200px);height:62px;flex:0 0 auto}
.nav .brand img{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%!important;height:auto!important;object-fit:contain;filter:none!important;transition:opacity .6s ease!important}
.nav .brand .logo-light{opacity:1}.nav .brand .logo-dark{opacity:0}
.nav[data-theme="light"] .brand .logo-light{opacity:0}.nav[data-theme="light"] .brand .logo-dark{opacity:1}
/* No background behind the header even while navigation colors adapt. */
.nav,.nav[data-theme="light"]{background:transparent!important;box-shadow:none!important;border:0!important}
.hero-slide,.hero-slide.active{transform:none!important;background-size:cover!important}
.hero-slide{z-index:1;opacity:0;transition:opacity 2.1s cubic-bezier(.45,0,.55,1)!important;will-change:opacity;backface-visibility:hidden}
.hero-slide.active{opacity:1;z-index:2}
.hero .hero-panel h1{font-size:clamp(51px,5.2vw,86px)!important;line-height:1.065!important;max-width:820px!important;letter-spacing:-.055em!important}
.hero .hero-panel .hero-intro{font-size:clamp(17px,1.22vw,20px)!important;max-width:610px;line-height:1.62}
.hero-panel{width:min(850px,73vw)}
.hero-overlay{z-index:-2!important}
.market-ticker{display:flex;min-height:76px;background:#071827;color:#fff;align-items:center;border-block:1px solid #233c4e;overflow:hidden}
.ticker-label{display:flex;flex-direction:column;gap:4px;position:relative;flex:0 0 173px;font-size:11px;letter-spacing:.17em;font-weight:800;padding:0 17px 0 28px;border-right:1px solid #405367;white-space:nowrap}
.ticker-label small{letter-spacing:0;font-weight:400;font-size:10px;color:#bdc8d2}
.ticker-live-dot{width:7px;height:7px;position:absolute;left:15px;top:4px;background:#72bc98;border-radius:100%}
.market-ticker .tradingview-widget-container{flex:1;min-width:0;min-height:67px;display:flex;align-items:center}
.market-ticker .tradingview-widget-container__widget{width:100%;min-height:67px}
.mobile-backdrop{z-index:110!important;background:rgba(1,9,17,.66)!important;backdrop-filter:blur(3px)}
.drawer-auth{display:none}
@media(max-width:1080px){
 .nav .brand{width:165px;height:55px}
 .nav.nav-open{z-index:120!important}
 .nav .main-menu,.nav nav{z-index:121!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:#091d30!important;box-shadow:18px 0 55px rgba(0,0,0,.45)!important}
 .nav .main-menu a,.nav[data-theme="light"] .main-menu a{opacity:1!important;color:#fff!important;text-decoration:none}
 .nav.nav-open .menu-toggle{z-index:125!important;background:#091d30!important;color:#fff!important}
 .drawer-auth{display:grid;gap:11px;margin-top:26px;padding:18px 0 25px;border-top:1px solid rgba(255,255,255,.22)}
 .nav .main-menu .drawer-auth a{display:block;text-align:center;border-radius:8px;border:1px solid #7b91a2!important;padding:15px 16px!important;color:#fff!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important}
 .nav .main-menu .drawer-auth .drawer-register{background:#e4bc7e!important;border-color:#e4bc7e!important;color:#071827!important}
 .nav .main-menu .drawer-auth .drawer-login{background:#162e42!important}
 .hero-panel{width:min(740px,84vw)}
}
@media(max-width:700px){
 .nav .brand{width:137px;height:50px}
 .hero .hero-panel h1{font-size:clamp(43px,9.4vw,62px)!important;line-height:1.085!important;max-width:100%!important}
 .hero .hero-panel .hero-intro{font-size:16px!important;line-height:1.55!important}
 .hero-panel{width:100%}
 .market-ticker{display:block;min-height:74px}
 .ticker-label{height:29px;display:flex;flex-direction:row;align-items:center;gap:12px;padding-left:29px;font-size:10px;border-right:0;border-bottom:1px solid #233c4e}
 .ticker-live-dot{top:11px}.ticker-label small{font-size:10px}
 .market-ticker .tradingview-widget-container,.market-ticker .tradingview-widget-container__widget{min-height:50px}
}
@media(prefers-reduced-motion:reduce){.hero-slide,.nav .brand img{transition:none!important}}
