html[data-theme="light"]{color-scheme:light;--bg:#f4f6f8;--bg2:#eef1f4;--card:#fff;--line:#dfe3e8;--fg:#202733;--muted:#5e6978;--red:#c40a0a;--red-2:#cf1722;--red-ink:#fff;--red-soft:rgba(196,10,10,.08);--green:#16834c;--blue:#2766b0;--warn:#bb3a43;background:var(--bg);color:var(--fg)}
html:root{--display:"Be Vietnam Pro",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--body:"Be Vietnam Pro",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--mono:"JetBrains Mono",Menlo,Consolas,monospace}
html:root :is(body,button,input,textarea,select){font-family:var(--body)}
html:root body{font-feature-settings:normal}
html:root .hero h1{font-size:clamp(36px,5.4vw,60px);letter-spacing:-.035em;line-height:1.12}
html:root .hero h1 .hl{display:block}
html.mrsl-smooth-nav{scroll-behavior:auto}
/* Native fragment navigation also keeps the price tape above the hero visible. */
html:root #herobox{scroll-margin-top:calc(var(--mrsl-mobile-header-height,73px) + 80px)}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"] body{background:var(--bg);color:var(--fg)}
html[data-theme="light"] body::before{background:var(--bg)}
html[data-theme="light"] header{background:rgba(255,255,255,.94);border-color:var(--line)}
html[data-theme="light"] .menu a{color:#536071}
html[data-theme="light"] .menu a.cur{background:#e9edf1;color:#202733}
html[data-theme="light"] .menu a.red{color:var(--red-2)}
html[data-theme="light"] .mnav{background:rgba(255,255,255,.97);border-color:var(--line)}
html[data-theme="light"] .mnav a{color:#283442}
html[data-theme="light"] .ticker{background:#fff;color:#596575;border-color:var(--line)}
html[data-theme="light"] .tk span b{color:#26313d}
html[data-theme="light"] .herobox{background:#f4f6f8}
html[data-theme="light"] .herobox::before{background:radial-gradient(50% 55% at var(--gx,68%) var(--gy,32%),rgba(207,23,34,.09),transparent 72%)}
html[data-theme="light"] section.alt{background:#fff}
html[data-theme="light"] section.red{background:linear-gradient(180deg,#fff1f2,#f4f6f8);border-color:#f0d4d6}
html[data-theme="light"] .tile{background:rgba(255,255,255,.9)}
html[data-theme="light"] .tile:hover{background:#fff}
html[data-theme="light"] .card.trader{border-color:#f0d4d6}
html[data-theme="light"] .contact code{background:#e9edf1;color:#26313d}
html[data-theme="light"] footer{background:var(--bg);color:var(--muted)}
html[data-theme="light"] .totop{background:rgba(255,255,255,.96);box-shadow:0 6px 20px rgba(20,30,40,.12)}
html[data-theme="light"] .btn.ghost{background:#fff}
html[data-theme="light"] .band .btn.ghost{background:#fff;border-color:#fff;color:#a40913}
html[data-theme="light"] .band .btn.ghost:hover{background:#fff2f2;border-color:#fff2f2;color:#8d0710}
html[data-theme="light"] .band .btn.ghost:focus-visible{outline:2px solid #fff;outline-offset:3px}
html[data-theme="light"] .btn.gold,html[data-theme="light"] .btn.red{background:#c40a0a;border-color:#c40a0a;color:#fff}
html[data-theme="light"] .btn.gold:hover,html[data-theme="light"] .btn.red:hover{background:#ad0909;border-color:#ad0909;color:#fff}
.mrsl-theme-toggle,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid var(--line,#dfe3e8);border-radius:10px;background:var(--card,#fff);color:var(--fg,#202733);font:600 12px/1.2 var(--body);white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.mrsl-theme-toggle:hover,.theme-toggle:hover{border-color:var(--red-2,#cf1722);color:var(--red-2,#cf1722)}
.mrsl-theme-toggle-icon,.theme-toggle-icon{font-size:17px;line-height:1}
.mrsl-theme-toggle-float{position:fixed;top:14px;right:16px;z-index:1000;box-shadow:0 4px 16px rgba(20,30,40,.12)}
.nav>.mrsl-theme-toggle{flex:none}
.nav>.logo{flex:none}
header .wrap.nav{position:relative}
header .wrap.nav>.redbar{position:absolute;inset:0 0 auto;height:4px;width:100%;pointer-events:none;z-index:1}
@media(min-width:761px){.nav{gap:9px}.menu{gap:0}.menu a{font-size:13px;padding:7px 8px}.nav>.btn.sm{padding-inline:13px}.nav>.mrsl-theme-toggle{padding-inline:9px}}
@media(max-width:1100px) and (min-width:761px){.menu a{font-size:11px;padding:6px 5px}.nav{gap:7px}.nav>.btn.sm{font-size:12px;padding-inline:10px}.mrsl-theme-toggle{font-size:11px;padding-inline:8px}}
@media(max-width:760px){.nav{gap:8px}.menu{display:none}.nav>.btn{display:none}.burger{display:block;order:-1;margin:0;flex:none}.mrsl-theme-toggle,.theme-toggle{width:40px;height:40px;min-height:40px;padding:0;border-radius:10px;margin-left:auto;flex:none}.mrsl-theme-toggle-label,.theme-toggle-label{display:none}.mrsl-theme-toggle-float{top:10px;right:10px}}
@media(max-width:420px){.nav{gap:6px}.burger,.mrsl-theme-toggle,.theme-toggle{width:38px;height:38px;min-height:38px}.mrsl-theme-toggle-float{top:8px;right:8px}}

/* Compact mobile header and floating navigation cards. */
.mrsl-menu-backdrop{display:none}
@keyframes mrsl-menu-reveal{from{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:none}}
@keyframes mrsl-menu-shade{from{opacity:0}to{opacity:1}}
@media(max-width:760px),(max-width:1024px) and (hover:none) and (pointer:coarse){
 html[data-theme] header .nav{height:52px;gap:8px}
 html[data-theme] header .nav>.logo{height:40px;min-width:0;flex:none}
 html[data-theme] header .nav>.logo img{height:32px!important;width:auto!important;max-width:72px;object-fit:contain}
 html[data-theme] header .menu{display:none}
 html[data-theme] header .nav .burger{display:block;order:-1;margin:0;flex:none;font-size:21px}
 html[data-theme] header .nav :is(.burger,.theme-toggle,.mrsl-theme-toggle){width:40px;height:40px;min-height:40px;padding:0;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--fg);touch-action:manipulation}
 html[data-theme] header .nav :is(.theme-toggle,.mrsl-theme-toggle){margin-left:auto;flex:none}
 html[data-theme] header .nav :is(.theme-toggle-label,.mrsl-theme-toggle-label){display:none}
 html[data-theme] header .nav .burger[aria-expanded="true"]{color:var(--red-2);background:var(--red-soft);border-color:color-mix(in srgb,var(--red-2) 30%,var(--line))}
 html[data-theme] header #mnav{--mrsl-menu-accent:var(--red-2);position:absolute;top:calc(100% + 8px);left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:2;display:none;width:auto;max-width:520px;max-height:calc(100dvh - var(--mrsl-mobile-header-height,53px) - var(--mrsl-mobile-actions-height,65px) - env(safe-area-inset-top,0px) - 24px);margin:0 auto;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 18px 44px rgba(0,0,0,.19);overflow:auto;overscroll-behavior:contain;transform-origin:top center}
 html[data-theme] header #mnav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;animation:mrsl-menu-reveal .16s ease-out}
 html[data-theme] header #mnav>a{display:flex;align-items:center;gap:8px;min-width:0;min-height:48px;margin:0;padding:7px 8px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--fg);font:600 12px/1.3 var(--body);text-decoration:none;transition:border-color .15s;touch-action:manipulation}
 html[data-theme] header #mnav>a::after{content:"";flex:none;width:5px;height:5px;margin-left:2px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.45}
 html[data-theme] header #mnav>a.cur{background:var(--red-soft);color:var(--mrsl-menu-accent);border-color:color-mix(in srgb,var(--red-2) 30%,var(--line))}
 html[data-theme="dark"] header #mnav{--mrsl-menu-accent:#ff7b88}
 html[data-theme] header #mnav>a:focus-visible{outline:2px solid var(--red-2);outline-offset:2px}
 .mrsl-menu-icon{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:var(--red-soft);color:var(--mrsl-menu-accent,var(--red-2))}
 .mrsl-menu-icon svg{display:block;width:17px;height:17px}
 .mrsl-menu-label{flex:1;min-width:0}
 .mrsl-menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:8;background:rgba(10,14,22,.32);touch-action:none;animation:mrsl-menu-shade .16s ease-out}
 html[data-theme] #pageContent .calendar-browser{--calendar-sticky-offset:calc(var(--mrsl-mobile-header-height,53px) + env(safe-area-inset-top,0px))}
}
@media(prefers-reduced-motion:reduce){html[data-theme] header #mnav.open,.mrsl-menu-backdrop:not([hidden]){animation:none}html[data-theme] header #mnav>a{transition:none}}

/* The customer portal has a separate inline stylesheet, so map its dark surfaces too. */
html[data-theme="light"] .side{background:#fff;border-color:#dfe3e8}
html[data-theme="light"] .side a.n{color:#536071}
html[data-theme="light"] .side a.n:hover{background:#eef1f4;color:#202733}
html[data-theme="light"] .side a.n.on{background:#fff0f1;color:#b81622}
html[data-theme="light"] .side .me{border-color:#dfe3e8;color:#5e6978}
html[data-theme="light"] .side .me b{color:#202733}
html[data-theme="light"] .card{background:#fff;border-color:#dfe3e8;color:#202733}
html[data-theme="light"] .hint,html[data-theme="light"] .muted{color:#5e6978}
html[data-theme="light"] label{color:#536071}
html[data-theme="light"] input[type="text"],html[data-theme="light"] input[type="password"],html[data-theme="light"] input[type="number"],html[data-theme="light"] textarea,html[data-theme="light"] select{background:#fff;border-color:#cbd3dc;color:#202733}
html[data-theme="light"] .btn{border-color:#d4dbe3;color:#26313d}
html[data-theme="light"] .btn.red{background:#c40a0a;border-color:#c40a0a;color:#fff}
html[data-theme="light"] th{color:#5e6978;border-color:#dfe3e8}
html[data-theme="light"] td,html[data-theme="light"] .kv{border-color:#dfe3e8}
html[data-theme="light"] .tabs{background:#f4f6f8;border-color:#dfe3e8}
html[data-theme="light"] .tabs button{color:#5e6978}
html[data-theme="light"] .tabs button.on{background:#c40a0a;color:#fff}
html[data-theme="light"] .res{background:#f8fafc;border-color:#dfe3e8}
html[data-theme="light"] .res ul{color:#425061}
html[data-theme="light"] .res .lv div{background:#fff;border-color:#dfe3e8}
html[data-theme="light"] .shot{background:#f8fafc;border-color:#dfe3e8}
html[data-theme="light"] .hist .fb button{border-color:#d4dbe3;color:#536071}
html[data-theme="light"] .mnav{background:rgba(255,255,255,.97);border-color:#dfe3e8}
html[data-theme="light"] .mnav a{color:#536071}
html[data-theme="light"] .mnav a.on{color:#c40a0a}
html[data-theme="light"] .login{color:#202733}
html[data-theme="light"] :focus-visible{outline-color:#c40a0a}

/* Matching header actions, shared by the homepage, news and calendar. */
@property --mrsl-cta-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.mrsl-header-actions{display:flex;align-items:center;gap:9px;flex:none}
html[data-theme] :is(header .nav,header .mnav,.mrsl-mobile-actions) a.mrsl-header-cta{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:138px;height:40px;min-height:40px;margin:0;padding:0 12px;border:2px solid transparent;border-radius:11px;background:linear-gradient(135deg,#cf1324,#ae0b19 72%,#940914) padding-box,conic-gradient(from var(--mrsl-cta-angle),#b77c23 0deg,#f7cc75 60deg,#fff9e3 85deg,#ffdf8e 104deg,#b77c23 150deg,#d6a546 240deg,#fff9e3 285deg,#f1c568 310deg,#b77c23 360deg) border-box;color:#fff;font:700 12px/1.2 var(--body);text-decoration:none;text-align:center;white-space:nowrap;box-shadow:0 5px 16px rgba(167,12,29,.16),0 0 8px rgba(215,164,66,.1);animation:mrsl-cta-border 5s linear infinite;transition:box-shadow .2s ease,transform .2s ease}
html[data-theme] :is(header .nav,header .mnav,.mrsl-mobile-actions) a.mrsl-header-cta:focus-visible{outline:2px solid var(--red-2);outline-offset:3px}
@keyframes mrsl-cta-border{to{--mrsl-cta-angle:360deg}}
@media(hover:hover) and (pointer:fine){html[data-theme] :is(header .nav,header .mnav,.mrsl-mobile-actions) a.mrsl-header-cta:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(167,12,29,.24),0 0 14px rgba(235,184,78,.25)}}
@media(max-width:1100px) and (min-width:761px){html[data-theme] header .nav a.mrsl-header-cta{width:122px;height:38px;min-height:38px;font-size:11px;padding-inline:8px}.mrsl-header-actions{gap:7px}}

@media(prefers-reduced-motion:reduce){html[data-theme] :is(header .nav,header .mnav,.mrsl-mobile-actions) a.mrsl-header-cta{animation:none;transition:none;transform:none}}

/* Persistent mobile actions; implicit columns also support a third action. */
.mrsl-mobile-actions{display:none}
@media(max-width:760px),(max-width:1024px) and (hover:none) and (pointer:coarse){
 html[data-theme]{--mrsl-mobile-actions-height:calc(65px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(var(--mrsl-mobile-actions-height) + 12px)}
 html[data-theme] body:has(>.mrsl-mobile-actions){padding-bottom:calc(var(--mrsl-mobile-actions-height) + 12px)}
 .nav>.mrsl-header-actions,.mnav>.mrsl-header-actions{display:none}
 html[data-theme] body>.mrsl-mobile-actions{position:fixed;inset:auto 0 0;z-index:50;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;box-sizing:border-box;padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));border-top:1px solid var(--line);border-radius:16px 16px 0 0;background:var(--card,#15151a);background:color-mix(in srgb,var(--card,#15151a) 94%,transparent);box-shadow:0 -6px 24px rgba(0,0,0,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
 html[data-theme] body>.mrsl-mobile-actions a.mrsl-header-cta{width:100%;min-width:0;height:48px;min-height:48px;padding:6px 8px;white-space:normal;text-wrap:balance;line-height:1.25;font-size:12px;touch-action:manipulation}
 html[data-theme] .totop,html[data-theme] .mrsl-calendar-page .toast{bottom:calc(var(--mrsl-mobile-actions-height) + 12px)}
}

/* Homepage accents: decorative layers stay behind the existing content. */
.mrsl-home-polish #herobox{isolation:isolate;--mrsl-glint:#efbe59;--mrsl-tile-surface:#191a21;--mrsl-tile-shadow:0 12px 32px rgba(0,0,0,.16)}
.mrsl-home-polish[data-theme="light"] #herobox{background:linear-gradient(135deg,#fafbff 0%,#fff9f4 52%,#f4f6fb 100%);--mrsl-tile-surface:#fff;--mrsl-tile-shadow:0 10px 30px rgba(56,48,70,.055)}
.mrsl-home-polish #herobox::before{background:radial-gradient(ellipse at 78% 28%,rgba(239,167,61,.14),transparent 40%),radial-gradient(ellipse at 14% 8%,rgba(214,39,56,.12),transparent 36%),radial-gradient(ellipse at 55% 75%,rgba(128,92,205,.09),transparent 40%)}
.mrsl-home-polish[data-theme="light"] #herobox::before{background:radial-gradient(ellipse at 81% 27%,rgba(244,184,85,.22),transparent 40%),radial-gradient(ellipse at 8% 3%,rgba(233,74,93,.08),transparent 40%),radial-gradient(ellipse at 48% 76%,rgba(158,142,234,.09),transparent 42%)}
.mrsl-home-polish #herobox::after{height:140px}
.mrsl-home-polish .hero>.mrsl-demo-stage{position:relative;isolation:isolate;min-width:0;width:100%;max-width:410px;margin-inline:auto;padding:12px;animation:mrsl-demo-float 7s ease-in-out infinite}
.mrsl-demo-stage::before{content:"";position:absolute;inset:1px;border:1px solid rgba(213,150,47,.5);border-radius:30px;transform:rotate(-4deg);background:linear-gradient(135deg,rgba(255,211,128,.1),transparent 40%,rgba(230,77,78,.06));pointer-events:none;z-index:-1}
.mrsl-demo-stage::after{content:"";position:absolute;inset:12% -15% 5%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 36%,rgba(247,184,61,.25),transparent 62%),radial-gradient(ellipse at 60% 80%,rgba(228,68,91,.13),transparent 65%);filter:blur(22px)}
.mrsl-home-polish .hero .panel{position:relative;width:100%;border-color:rgba(243,196,92,.46);box-shadow:0 24px 56px rgba(34,30,47,.23),0 0 30px rgba(237,172,62,.09)}
.mrsl-home-polish .hero .panel.tilt{box-shadow:0 32px 64px rgba(34,30,47,.27),0 0 0 1px rgba(245,197,66,.4)}
.mrsl-home-polish .panel .ph{position:relative;overflow:hidden;background:linear-gradient(110deg,#f7c943,#ffe38b 48%,#f5c542);color:#241909}
.mrsl-home-polish .panel .ph::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.65) 48%,transparent 71%);transform:translateX(-120%);animation:mrsl-gold-shine 8s ease-in-out infinite}
.mrsl-home-polish .hero .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(207,23,34,.16);border-radius:999px;background:var(--red-soft);font-size:11px;letter-spacing:.12em}
.mrsl-home-polish .hero .eyebrow::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--red-2);box-shadow:0 0 0 4px rgba(207,23,34,.08),0 0 14px rgba(207,23,34,.2)}
.mrsl-home-polish .hero h1 .hl{background:linear-gradient(105deg,#ff6267,#f2b85c);-webkit-background-clip:text;background-clip:text;color:transparent}
.mrsl-home-polish[data-theme="light"] .hero h1 .hl{background-image:linear-gradient(105deg,#bd1428 8%,#dc2835 58%,#a94b20 100%)}
.mrsl-home-polish .hero .cta .btn{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.mrsl-home-polish .hero .cta .btn.gold{background:linear-gradient(110deg,#bc0a19,#df1d2a);border-color:#cd1522;color:#fff;box-shadow:0 9px 25px rgba(204,22,35,.23),inset 0 1px 0 rgba(255,255,255,.2)}
.mrsl-home-polish .hero .cta .btn.ghost{background:rgba(255,255,255,.045)}
.mrsl-home-polish[data-theme="light"] .hero .cta .btn.ghost{background:rgba(255,255,255,.8);box-shadow:0 5px 16px rgba(41,45,68,.04)}
.mrsl-home-polish .hero .stats{gap:10px}
.mrsl-home-polish .hero .stats>div{flex:1 1 0;min-width:0;padding:14px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.mrsl-home-polish[data-theme="light"] .hero .stats>div{background:rgba(255,255,255,.72);border-color:rgba(225,218,216,.8);box-shadow:0 6px 20px rgba(75,49,44,.035)}
.mrsl-home-polish .hero .stats div b{font-size:clamp(22px,2.05vw,30px);margin-bottom:5px}
.mrsl-home-polish .hero .stats div>span{display:block;font-size:12px;line-height:1.45}
.mrsl-home-polish .strip{padding-top:8px}
.mrsl-home-polish .strip>.eyebrow{display:flex;align-items:center;gap:12px}
.mrsl-home-polish .strip>.eyebrow::after{content:"";height:1px;width:100px;background:linear-gradient(90deg,rgba(202,68,70,.35),transparent)}
.mrsl-home-polish #herobox .tile{--mrsl-accent:#c91e38;--mrsl-accent-soft:rgba(201,30,56,.08);overflow:hidden;border-color:var(--line);border-radius:18px;background:linear-gradient(145deg,var(--mrsl-accent-soft),transparent 65%),var(--mrsl-tile-surface);box-shadow:var(--mrsl-tile-shadow),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.mrsl-home-polish #herobox .tile:nth-child(2){--mrsl-accent:#386bc1;--mrsl-accent-soft:rgba(56,107,193,.08)}
.mrsl-home-polish #herobox .tile:nth-child(3){--mrsl-accent:#ba7416;--mrsl-accent-soft:rgba(211,151,46,.1)}
.mrsl-home-polish #herobox .tile:nth-child(4){--mrsl-accent:#8054b9;--mrsl-accent-soft:rgba(128,84,185,.09)}
.mrsl-home-polish #herobox .tile::before{content:"";position:absolute;inset:0 18px auto;height:2px;background:linear-gradient(90deg,transparent,var(--mrsl-accent),transparent);opacity:.6;pointer-events:none}
.mrsl-home-polish #herobox .tile .ti{color:var(--mrsl-accent);background:var(--mrsl-accent-soft);border:1px solid color-mix(in srgb,var(--mrsl-accent) 15%,transparent);border-radius:12px;transition:transform .25s ease,box-shadow .25s ease}
.mrsl-hero-lights{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.mrsl-sparkle{position:absolute;left:62%;top:8%;width:11px;height:11px;background:var(--mrsl-glint);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:.6;animation:mrsl-sparkle 5.5s ease-in-out infinite;animation-delay:calc(var(--sparkle-i) * -.7s)}
.mrsl-sparkle:nth-child(2){left:93%;top:18%;width:15px;height:15px}
.mrsl-sparkle:nth-child(3){left:58%;top:50%;width:9px;height:9px}
.mrsl-sparkle:nth-child(4){left:94%;top:63%;width:12px;height:12px}
.mrsl-sparkle:nth-child(5){left:71%;top:73%;width:8px;height:8px}
.mrsl-sparkle:nth-child(6){left:46%;top:5%;width:7px;height:7px}
.mrsl-sparkle:nth-child(7){left:3%;top:70%;width:8px;height:8px}
.mrsl-sparkle:nth-child(8){left:88%;top:3%;width:6px;height:6px}
@keyframes mrsl-demo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes mrsl-gold-shine{0%,65%{transform:translateX(-120%)}90%,100%{transform:translateX(120%)}}
@keyframes mrsl-sparkle{0%,100%{opacity:.22;transform:scale(.7) rotate(0)}50%{opacity:.8;transform:scale(1.15) rotate(20deg)}}
@media(hover:hover) and (pointer:fine){.mrsl-home-polish .hero .cta .btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(170,30,47,.2)}.mrsl-home-polish #herobox .tile:hover{transform:translateY(-6px);border-color:var(--mrsl-accent);background:linear-gradient(145deg,var(--mrsl-accent-soft),transparent 65%),var(--mrsl-tile-surface);box-shadow:0 16px 35px rgba(52,43,72,.12)}.mrsl-home-polish #herobox .tile:hover .ti{transform:rotate(-6deg);box-shadow:0 4px 15px var(--mrsl-accent-soft)}}
@media(max-width:900px){.mrsl-home-polish .hero>.mrsl-demo-stage{animation:none;max-width:410px}.mrsl-home-polish .hero .stats div b{font-size:26px}.mrsl-home-polish .heroc{opacity:.22}.mrsl-sparkle:nth-child(3){left:5%;top:45%}.mrsl-sparkle:nth-child(5){left:88%;top:50%}}
@media(max-width:560px){.mrsl-home-polish .hero .eyebrow{font-size:9px;letter-spacing:.08em;gap:7px}.mrsl-home-polish .hero .stats{gap:7px}.mrsl-home-polish .hero .stats>div{padding:12px 9px;border-radius:12px}.mrsl-home-polish .hero .stats div b{font-size:clamp(16px,5.2vw,21px)}.mrsl-home-polish .hero .stats div>span{font-size:11px}.mrsl-home-polish .hero>.mrsl-demo-stage{padding:8px;max-width:380px}.mrsl-demo-stage::before{border-radius:24px;transform:rotate(-2deg)}.mrsl-home-polish #herobox .tile{border-radius:14px}.mrsl-home-polish #herobox .tile .ti{width:38px;height:38px}.mrsl-home-polish #herobox .tile::before{inset:12px auto 12px 0;width:2px;height:auto;background:linear-gradient(180deg,transparent,var(--mrsl-accent),transparent)}.mrsl-home-polish .strip>.eyebrow::after{display:none}.mrsl-sparkle:nth-child(1){left:96%;top:39%}.mrsl-sparkle:nth-child(2){left:1%;top:49%}.mrsl-sparkle:nth-child(3){left:96%;top:60%}.mrsl-sparkle:nth-child(4){left:1%;top:70%}.mrsl-sparkle:nth-child(n+5){display:none}}
@media(max-width:360px){.mrsl-home-polish .hero .stats>div{padding:10px 6px}.mrsl-home-polish .hero .stats div>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mrsl-home-polish .hero>.mrsl-demo-stage,.mrsl-home-polish .panel .ph::after,.mrsl-sparkle{animation:none}.mrsl-home-polish .panel .ph::after{display:none}.mrsl-home-polish .hero .cta .btn,.mrsl-home-polish #herobox .tile,.mrsl-home-polish #herobox .tile .ti{transition:none}.mrsl-home-polish #herobox .tile:hover,.mrsl-home-polish #herobox .tile:hover .ti,.mrsl-home-polish .hero .cta .btn:hover{transform:none}}

/* Temporary quiz visibility: retain its content and handlers for later reactivation. */
section#quiz,a[href$="#quiz"]{display:none!important}

/* Mobile navigation: primary pages first, then tools, then contact. */
@media(max-width:760px),(max-width:1024px) and (hover:none) and (pointer:coarse){
 html[data-theme] header #mnav{padding:10px;border-radius:16px;scrollbar-width:thin}
 html[data-theme] header #mnav.open{display:flex;flex-direction:column;gap:10px}
 html[data-theme] header #mnav .mrsl-menu-section{flex:none;min-width:0}
 html[data-theme] header #mnav .mrsl-menu-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 html[data-theme] header #mnav .mrsl-menu-link{display:flex;align-items:center;gap:7px;min-width:0;min-height:44px;margin:0;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);font:600 12px/1.3 var(--body);text-decoration:none;touch-action:manipulation}
 html[data-theme] header #mnav .mrsl-menu-link::after{content:"";flex:none;width:5px;height:5px;margin-left:2px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.4}
 html[data-theme] header #mnav .mrsl-menu-group-label{display:block;margin:0 2px 6px;color:var(--muted);font:600 10px/1.4 var(--body);letter-spacing:.02em}
 html[data-theme] header #mnav .mrsl-menu-tools{padding-top:8px;border-top:1px solid var(--line)}
 html[data-theme] header #mnav .mrsl-menu-tools .mrsl-menu-link{font-size:11.5px}
 html[data-theme] header #mnav .mrsl-menu-contact{padding-top:8px;border-top:1px solid var(--line)}
 html[data-theme] header #mnav .mrsl-menu-contact .mrsl-menu-group-grid{grid-template-columns:minmax(0,1fr)}
 html[data-theme] header #mnav .mrsl-menu-link.cur{background:var(--red-soft);color:var(--mrsl-menu-accent);border-color:color-mix(in srgb,var(--red-2) 30%,var(--line));box-shadow:inset 3px 0 0 var(--mrsl-menu-accent)}
 html[data-theme] header #mnav .mrsl-menu-link.cur .mrsl-menu-icon{background:var(--mrsl-menu-accent);color:var(--card)}
 html[data-theme] header #mnav .mrsl-menu-link:focus-visible{outline:2px solid var(--red-2);outline-offset:2px}
 html[data-theme] header #mnav .mrsl-menu-icon{width:26px;height:26px;border-radius:8px}
}

/* Shared selected/hover/focus palette for every navigation item. */
html[data-theme]{--mrsl-nav-accent:#b5122c;--mrsl-nav-selected:#fff0f3;--mrsl-nav-border:#efb2bd;--mrsl-nav-hover:#fff7f8}
html[data-theme="dark"]{--mrsl-nav-accent:#ff9ca9;--mrsl-nav-selected:#351c24;--mrsl-nav-border:#85414f;--mrsl-nav-hover:#291b21}
html[data-theme] header nav.menu>a{border:1px solid transparent;border-radius:10px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s;touch-action:manipulation}
html[data-theme] header nav.menu>a.cur,html[data-theme] header #mnav .mrsl-menu-link.cur{color:var(--mrsl-nav-accent);background:var(--mrsl-nav-selected);border-color:var(--mrsl-nav-border);box-shadow:inset 0 -2px 0 var(--mrsl-nav-accent),0 2px 8px rgba(173,22,52,.08)}
html[data-theme] header #mnav .mrsl-menu-link.cur .mrsl-menu-icon{background:var(--mrsl-nav-accent);color:var(--card)}
html[data-theme] header :is(nav.menu>a,.mrsl-menu-link):focus-visible{outline:2px solid var(--mrsl-nav-accent);outline-offset:3px}
@media(hover:hover) and (pointer:fine){html[data-theme] header :is(nav.menu>a,.mrsl-menu-link):hover:not(.cur){background:var(--mrsl-nav-hover);border-color:var(--mrsl-nav-border);color:var(--mrsl-nav-accent)}}
@media(prefers-reduced-motion:reduce){html[data-theme] header nav.menu>a{transition:none}}

/* Desktop: brand, navigation tray and a clearly ranked action group. */
@media(min-width:761px) and (hover:hover) and (pointer:fine),(min-width:1025px){
 html[data-theme] header{--mrsl-header-surface:#fff;--mrsl-header-tray:#f2f4f8;--mrsl-header-line:#e1e5ec;--mrsl-header-text:#47566b;--mrsl-header-hover:#fff;--mrsl-header-active:#bc1633;background:linear-gradient(110deg,rgba(255,247,248,.97),rgba(255,255,255,.97) 24%,rgba(255,255,255,.97) 80%,rgba(248,250,253,.97));border-bottom:1px solid var(--mrsl-header-line);box-shadow:0 4px 22px rgba(26,36,55,.055);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 html[data-theme="dark"] header{--mrsl-header-surface:#161b25;--mrsl-header-tray:#1c222e;--mrsl-header-line:#333d4d;--mrsl-header-text:#c9d1df;--mrsl-header-hover:#2a3343;--mrsl-header-active:#d52e4a;background:linear-gradient(110deg,rgba(41,20,30,.97),rgba(18,23,32,.97) 25%,rgba(18,23,32,.97) 80%,rgba(23,30,43,.97));box-shadow:0 4px 24px rgba(0,0,0,.18)}
 html[data-theme] header .wrap.nav{max-width:1360px;min-width:0;height:80px;gap:18px;padding-inline:24px}
 html[data-theme] header .wrap.nav>.redbar{height:2px;background:linear-gradient(90deg,transparent,#c81434 16%,#e76477 50%,#c81434 84%,transparent)}
 html[data-theme] header .nav>.logo{height:56px;min-width:76px;width:max-content;justify-self:start;justify-content:flex-start;border-radius:10px}
 html[data-theme] header .nav>.logo img{height:48px!important;width:auto!important;max-width:86px;object-fit:contain}
 html[data-theme] header .nav>nav.menu{display:flex;flex:0 1 auto;flex-wrap:nowrap;align-items:center;justify-content:center;gap:3px;min-width:0;margin-inline:auto;padding:5px;border:1px solid var(--mrsl-header-line);border-radius:15px;background:var(--mrsl-header-tray);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
 html[data-theme] header .nav>nav.menu>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:40px;padding:9px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--mrsl-header-text);font:600 12.5px/1.25 var(--body);white-space:nowrap;text-decoration:none;box-shadow:none;transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}
 html[data-theme] header .nav>nav.menu>a::before{content:"";display:block;flex:none;width:16px;height:16px;background:currentColor;mask:var(--mrsl-item-icon) center/contain no-repeat;-webkit-mask:var(--mrsl-item-icon) center/contain no-repeat;opacity:.8}
 html[data-theme] header .nav>nav.menu>a[data-mrsl-home]{--mrsl-item-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10H3zM9 20v-7h6v7'/%3E%3C/svg%3E")}
 html[data-theme] header .nav>nav.menu>a[data-mrsl-calendar]{--mrsl-item-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M7 3v4m10-4v4M3 10h18m-14 5h3m4 0h3'/%3E%3C/svg%3E")}
 html[data-theme] header .nav>nav.menu>a[href$="#ea"]{--mrsl-item-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 3v6c0 5-8 9-8 9s-8-4-8-9V6zM8 12l3 3 5-6'/%3E%3C/svg%3E")}
 html[data-theme] header .nav>nav.menu>a[href$="#bot"]{--mrsl-item-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='7' width='14' height='13' rx='3'/%3E%3Cpath d='M12 3v4M8 12h1m6 0h1m-8 4h8M2 11v5m20-5v5'/%3E%3C/svg%3E")}
 html[data-theme] header .nav>nav.menu>a[href$="#khoahoc"]{--mrsl-item-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 9 10-5 10 5-10 5zM6 11v6c4 4 8 4 12 0v-6m4-2v8'/%3E%3C/svg%3E")}
 html[data-theme] header .nav>nav.menu>a[href$="#ib"]{--mrsl-item-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 21v-3a6 6 0 0 1 12 0v3m2-15a3 3 0 0 1 0 6m2 3a5 5 0 0 1 3 5'/%3E%3C/svg%3E")}
 html[data-theme] header .nav>nav.menu>a.cur{color:#fff;background:var(--mrsl-header-active);border-color:var(--mrsl-header-active);box-shadow:0 3px 9px rgba(172,23,49,.17),inset 0 1px 0 rgba(255,255,255,.13)}
 html[data-theme] header .nav>nav.menu>a.cur::before{opacity:1}
 html[data-theme] header .nav>nav.menu>a:hover:not(.cur){background:var(--mrsl-header-hover);color:var(--mrsl-nav-accent);border-color:var(--mrsl-header-line);box-shadow:0 2px 5px rgba(26,36,55,.04)}
 html[data-theme] header .nav>.mrsl-header-actions{gap:8px;padding-left:16px;border-left:1px solid var(--mrsl-header-line)}
 html[data-theme] header .nav a.mrsl-header-cta{width:auto;min-width:118px;height:42px;min-height:42px;gap:8px;padding-inline:14px;border:1px solid #c81c38;border-radius:11px;background:linear-gradient(115deg,#cb1a37,#ae102b);color:#fff;font-size:12px;box-shadow:0 4px 12px rgba(173,16,43,.16),inset 0 1px 0 rgba(255,255,255,.15);animation:none;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
 html[data-theme] header .nav a.mrsl-header-cta::after{content:"";display:block;width:13px;height:13px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
 html[data-theme] header .nav a.mrsl-header-cta[data-mrsl-cta="tools"]{min-width:110px;background:var(--mrsl-header-surface);border-color:var(--mrsl-header-line);color:var(--mrsl-header-text);box-shadow:0 1px 2px rgba(26,36,55,.03)}
 html[data-theme] header .nav a.mrsl-header-cta:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 6px 15px rgba(173,16,43,.2)}
 html[data-theme] header .nav a.mrsl-header-cta[data-mrsl-cta="tools"]:hover{background:var(--mrsl-nav-selected);color:var(--mrsl-nav-accent);border-color:var(--mrsl-nav-border);filter:none;box-shadow:0 3px 10px rgba(26,36,55,.06)}
 html[data-theme] header .nav>:is(.mrsl-theme-toggle,.theme-toggle){flex:none;width:40px;height:40px;min-height:40px;margin:0;padding:0;border-radius:11px;background:var(--mrsl-header-surface);border-color:var(--mrsl-header-line);color:var(--mrsl-header-text)}
 html[data-theme] header .nav :is(.mrsl-theme-toggle-label,.theme-toggle-label){display:none}
 html[data-theme] header .nav>:is(.mrsl-theme-toggle,.theme-toggle):hover{background:var(--mrsl-nav-selected);color:var(--mrsl-nav-accent);border-color:var(--mrsl-nav-border)}
 html[data-theme] header .nav :is(a,button):focus-visible{outline:2px solid var(--mrsl-nav-accent);outline-offset:4px}
 html[data-theme] #pageContent .calendar-browser{--calendar-sticky-offset:calc(var(--mrsl-mobile-header-height,81px) + env(safe-area-inset-top,0px))}
}
@media(min-width:761px) and (max-width:1239px) and (hover:hover) and (pointer:fine),(min-width:1025px) and (max-width:1239px){
 html[data-theme] header .wrap.nav{height:72px;gap:10px;padding-inline:20px}
 html[data-theme] header .nav>.logo{min-width:64px}
 html[data-theme] header .nav>.logo img{height:42px!important;max-width:70px}
 html[data-theme] header .nav>nav.menu{padding:4px;gap:1px}
 html[data-theme] header .nav>nav.menu>a{min-height:38px;padding:8px;font-size:12px}
 html[data-theme] header .nav>nav.menu>a::before{display:none}
 html[data-theme] header .nav>.mrsl-header-actions{padding-left:10px;gap:6px}
 html[data-theme] header .nav a.mrsl-header-cta{min-width:108px;height:40px;min-height:40px;padding-inline:10px;font-size:11px;gap:5px}
 html[data-theme] header .nav a.mrsl-header-cta[data-mrsl-cta="tools"]{min-width:100px}
}
/* Split-screen desktops keep readable controls in two purposeful rows. */
@media(min-width:761px) and (max-width:960px) and (hover:hover) and (pointer:fine){
 html[data-theme] header .wrap.nav{display:grid;grid-template-columns:minmax(0,1fr) auto 40px;height:auto;min-height:112px;gap:8px 12px;padding:10px 20px}
 html[data-theme] header .nav>.logo{grid-column:1;grid-row:1;height:42px}
 html[data-theme] header .nav>.mrsl-header-actions{grid-column:2;grid-row:1;border:0;padding:0}
 html[data-theme] header .nav>:is(.mrsl-theme-toggle,.theme-toggle){grid-column:3;grid-row:1}
 html[data-theme] header .nav>nav.menu{grid-column:1/-1;grid-row:2;width:100%;margin:0;justify-content:space-between}
 html[data-theme] header .nav>nav.menu>a{flex:1 1 auto;font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){html[data-theme] header .nav>nav.menu>a,html[data-theme] header .nav a.mrsl-header-cta{transition:none;transform:none}}

/* Give the MR.SL news list more height on short landscape screens. */
@media screen and (orientation:landscape) and (max-height:500px) and (max-width:1100px){
 html[data-theme]:has(body .mrsl-news-panel){--mrsl-mobile-actions-height:calc(52px + env(safe-area-inset-bottom,0px))}
 html[data-theme] body:has(.mrsl-news-panel):has(>.mrsl-mobile-actions){padding-bottom:calc(var(--mrsl-mobile-actions-height) + 8px)}
 html[data-theme] body:has(.mrsl-news-panel)>.mrsl-mobile-actions{gap:6px;padding:4px max(8px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}
 html[data-theme] body:has(.mrsl-news-panel)>.mrsl-mobile-actions a.mrsl-header-cta{height:44px;min-height:44px;padding:5px 8px;font-size:11px}
}