/* ATM 20-year countdown: a floating pill on the home page that opens the same three event links as the "Sự kiện / Events" menu. */
.atm-cd{position:fixed;left:20px;bottom:20px;z-index:9990;font-family:inherit;color:#eaf0fb;line-height:1.4;animation:atm-cd-in .7s cubic-bezier(.2,.8,.2,1) both}
.atm-cd *{box-sizing:border-box}
.atm-cd-pill{position:relative;appearance:none;display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:11px 16px 11px 12px;border:1px solid rgba(231,200,115,.55);border-radius:18px;background:linear-gradient(135deg,#0c2747,#081c35);color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:0 14px 36px rgba(4,18,36,.38),0 0 0 4px rgba(231,200,115,.08);transition:transform .2s,box-shadow .2s}
.atm-cd-pill:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(4,18,36,.45),0 0 0 4px rgba(231,200,115,.16)}
.atm-cd-pill:focus-visible,.atm-cd-panel a:focus-visible{outline:2px solid #e7c873;outline-offset:3px}
.atm-cd-badge{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f6e3a6,#c9a24b 70%);color:#0b2340;font-weight:800;font-size:19px;letter-spacing:-.5px;box-shadow:0 0 0 3px rgba(231,200,115,.25);animation:atm-cd-glow 3s ease-in-out infinite}
.atm-cd-body{display:block;min-width:0}
.atm-cd-title{display:block;font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#e7c873;max-width:190px}
.atm-cd-units{display:flex;gap:6px;margin-top:6px}
.atm-cd-unit{display:block;min-width:40px;text-align:center}
.atm-cd-unit b{display:block;padding:3px 6px;border-radius:7px;background:rgba(255,255,255,.09);font-size:19px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;color:#fff}
.atm-cd-unit i{display:block;margin-top:2px;font-style:normal;font-size:9.5px;letter-spacing:.8px;text-transform:uppercase;color:#a9bad0}
.atm-cd-live{display:block;margin-top:6px;font-size:15px;font-weight:700;color:#fff}
.atm-cd-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* the plane towing the banner replaces the old chevron */
.atm-cd-fly{flex:none;display:block;width:150px;height:62px;margin:-6px -4px -6px 0}
.atm-cd-svg{display:block;width:100%;height:100%;overflow:visible}
.atm-cd-plane{animation:atm-cd-bob 3.4s ease-in-out infinite}
.atm-cd-tow{transform-origin:105px 33px;animation:atm-cd-wave 2.6s ease-in-out infinite}
.atm-cd-pill:hover .atm-cd-plane{animation-duration:1.6s}.atm-cd-pill:hover .atm-cd-tow{animation-duration:1.3s}
.atm-cd-pill[aria-expanded=true] .atm-cd-fly{opacity:.8}
@keyframes atm-cd-bob{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,-3px)}}
@keyframes atm-cd-wave{0%,100%{transform:rotate(-2.2deg) translate(0,0)}50%{transform:rotate(2.2deg) translate(-1px,1.5px)}}
.atm-cd-panel{position:absolute;left:0;bottom:calc(100% + 10px);width:390px;max-width:calc(100vw - 32px);margin:0;padding:7px;list-style:none;background:#fffdf8;color:#153d50;border:1px solid #d9c8a6;border-radius:3px;box-shadow:0 18px 45px #082d4238}
.atm-cd-panel[hidden]{display:none}
.atm-cd-panel li{margin:0;padding:0;list-style:none}
.atm-cd-panel li+li{border-top:1px solid #e9e2d5}
.atm-cd-panel a{display:block;position:relative;padding:15px 33px 15px 15px;color:#153d50;text-decoration:none;font-size:14px;line-height:1.7}
.atm-cd-panel a:hover{background:#f3eee2}
.atm-cd-panel strong{display:block;font-weight:600;font-size:14px;line-height:1.65}
.atm-cd-panel small{display:block;margin-top:5px;font-size:11px;line-height:1.85;color:#687b82}
.atm-cd-arrow{position:absolute;right:12px;top:17px;color:#a5864b}
@keyframes atm-cd-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes atm-cd-glow{0%,100%{box-shadow:0 0 0 3px rgba(231,200,115,.25)}50%{box-shadow:0 0 0 6px rgba(231,200,115,.12),0 0 16px rgba(231,200,115,.55)}}
@media(max-width:560px){.atm-cd{left:12px;right:12px;bottom:12px}.atm-cd-pill{flex-wrap:wrap;gap:6px 10px;padding:9px 12px 4px 10px}.atm-cd-badge{width:40px;height:40px;font-size:16px}.atm-cd-title{max-width:none;font-size:9.5px;letter-spacing:.9px}.atm-cd-units{gap:5px}.atm-cd-unit{min-width:0;flex:1}.atm-cd-unit b{font-size:16px;padding:3px 4px}.atm-cd-body{flex:1 1 0}.atm-cd-fly{flex:0 0 100%;display:flex;justify-content:flex-end;height:50px;margin:-4px -4px -2px 0}.atm-cd-svg{width:122px;height:50px}.atm-cd-panel{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){.atm-cd,.atm-cd-badge,.atm-cd-plane,.atm-cd-tow{animation:none!important}.atm-cd-pill{transition:none}}