@font-face{font-family:O2Oswald;src:url('../../assets/experience/slide02/oswald-vietnamese.woff2')}@font-face{font-family:O2Oswald;src:url('../../assets/experience/slide02/oswald-latin.woff2');unicode-range:U+0000-00FF}
.teaching-slide.slide-objectives{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:hidden!important;padding:0!important;min-width:0;background:#061411 url('../../assets/experience/slide02/background.png?v=20261023-4') center/cover no-repeat;border:1px solid #b29652;border-radius:8px;color:#e6d8ab;box-shadow:0 0 24px #0007}
.slide-objectives>.slide-heading{display:none!important}
.slide-objectives .o2-viewport{position:relative;flex:none;overflow:hidden;z-index:1}
.slide-objectives .o2-stage{position:absolute;left:0;top:0;width:2048px;height:1066px;transform-origin:top left;background:transparent;font-family:O2Oswald,'Arial Narrow',sans-serif;color:#ecc665;isolation:isolate}
.slide-objectives .o2-heading{position:absolute!important;left:96px;top:93px;width:1630px!important;height:160px!important;max-width:none!important;max-height:none!important;object-fit:fill!important;border:0!important;border-radius:0!important;margin:0!important;filter:drop-shadow(1px 3px 2px #000c)}
.slide-objectives .o2-start{position:absolute;left:100px;top:332px;font-size:32px;font-weight:600}

.slide-objectives .o2-command{position:absolute;left:592px;top:352px;width:200px;font-size:23px;color:#d9d0a4}
.slide-objectives .o2-command>span{float:left;border:1px solid #b9a554;padding:0 7px;margin-right:10px;color:#e8ce6f;font-size:29px}
.slide-objectives .o2-command small{font:500 10px/1.4 O2Oswald;display:block;color:#d9ba62;padding-top:2px}
.slide-objectives .o2-command p{display:block!important;width:200px!important;max-width:none!important;text-align:left!important;text-wrap:nowrap!important;font:400 24px/1.5 O2Oswald!important;color:#d9d0a4!important;margin:19px 0 0!important}.slide-objectives .o2-command b{display:inline!important;font:500 24px/1.5 O2Oswald!important;color:#f1c058}
.slide-objectives .o2-routes{position:absolute;inset:0;width:2048px;height:1066px;overflow:visible;pointer-events:none;z-index:1}
.slide-objectives .o2-route{fill:none;stroke:#ffad40;stroke-width:5;opacity:.2;transition:opacity .65s}
.slide-objectives .o2-route-two{stroke:#53d7ff}.slide-objectives .o2-route.is-active{opacity:1}
.slide-objectives .o2-glow{stroke-width:17;filter:url(#o2Glow);opacity:.75}.slide-objectives .o2-companion{stroke:#54cef4;stroke-width:3}.slide-objectives .o2-dash{stroke:#ffb347;stroke-width:3}
.slide-objectives .o2-node{fill:#ff6554;stroke:#a82d24;stroke-width:5;filter:drop-shadow(0 0 12px #ff3e24)}.slide-objectives .o2-node-gold{fill:#ffde54;stroke:#f87730}
.slide-objectives .is-active .o2-wire{stroke-dasharray:1000;animation:o2-route-draw 1.4s ease-out both}.slide-objectives .is-active .o2-node{animation:o2-node-pulse 2.3s ease-in-out infinite}
.slide-objectives .o2-card{position:absolute;z-index:2;transition:filter .2s,transform .2s;transform-origin:center;filter:drop-shadow(0 12px 10px #000b);overflow:visible;padding:0;border:0;background:none}
.slide-objectives .o2-card-one{left:96px;top:372px;width:504px;height:544px}.slide-objectives .o2-card-two{left:793px;top:420px;width:502px;height:512px}.slide-objectives .o2-card-three{left:1405px;top:402px;width:575px;height:514px}
.slide-objectives .o2-card>img{position:absolute!important;top:0;left:0;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;margin:0!important;object-fit:contain!important;pointer-events:none}
.slide-objectives .o2-card-three>img{left:45px;width:528px!important}
.slide-objectives .o2-brief{position:absolute;left:40px;top:375px;width:470px;pointer-events:none}
.slide-objectives .o2-card-three .o2-brief{left:0;top:345px;width:570px}
.slide-objectives .o2-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:#efc35c}
.slide-objectives .o2-meta>span{font:400 29px/1.25 O2Oswald;background:#231f14c0;border-radius:5px;padding:2px 10px 3px 0}
.slide-objectives .o2-meta small{font:400 20px O2Oswald;padding-right:74px}
.slide-objectives .o2-card-three .o2-meta small{padding-right:55px}
.slide-objectives .o2-brief h3{font:650 40px/1.2 O2Oswald!important;letter-spacing:.2px!important;color:#f2c558!important;margin:0 0 7px!important;text-align:left!important;text-shadow:1px 3px 3px #0008}
.slide-objectives .o2-brief p{font:400 25px/1.3 'Be Vietnam Pro',Arial,sans-serif!important;letter-spacing:.2px;color:#d8cda7!important;margin:0!important;text-align:left!important}
.slide-objectives .o2-card-three .o2-brief h3{font-size:39px!important}.slide-objectives .o2-card-three .o2-brief p{font-size:24px!important}
.slide-objectives .o2-card-hit{position:absolute;inset:0;width:100%;height:100%;z-index:4;display:block;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;padding:0;margin:0;cursor:pointer;transform:none!important;transition:none!important;outline:none}
.slide-objectives .o2-card-hit:hover,.slide-objectives .o2-card-hit:active{background:transparent!important;box-shadow:none!important;transform:none!important}
.slide-objectives .o2-card-hit:focus-visible{outline:1px solid #e1c566;outline-offset:5px;border-radius:8px}
.slide-objectives .o2-card[data-state=unlocked]:hover,.slide-objectives .o2-card[data-state=unlocked]:focus-within{filter:drop-shadow(0 12px 10px #000b) drop-shadow(0 0 4px #e3b94e55);transform:translateY(-5px)!important}
.slide-objectives .o2-card[data-state=locked]{filter:drop-shadow(0 12px 10px #000b)!important;transform:none!important}
.slide-objectives .o2-seal{position:absolute;inset:30px 22px 15px;background:linear-gradient(145deg,#071c18ed,#071713f5);border:1px solid #b79c4d80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-radius:14px;pointer-events:none;z-index:3;box-shadow:inset 0 0 40px #5b8b5c18}
.slide-objectives .o2-seal[hidden]{display:none}.slide-objectives .o2-seal span{font:100 100px/1 O2Oswald;color:#d6b966;animation:o2-seal-breathe 3s infinite}.slide-objectives .o2-seal b{font:500 28px O2Oswald;letter-spacing:4px}.slide-objectives .o2-seal small{font:400 15px O2Oswald;color:#baa775;letter-spacing:2px}
.slide-objectives .o2-card[data-state=locked]>img,.slide-objectives .o2-card[data-state=locked]>.o2-brief{opacity:.1;filter:blur(7px)}
.slide-objectives .objective-reveal-status{position:absolute;left:350px;top:977px;width:1350px;text-align:center;font:400 26px/1.3 O2Oswald!important;color:#e6bf66!important;margin:0!important;padding:0!important}
@keyframes o2-route-draw{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes o2-node-pulse{50%{filter:drop-shadow(0 0 19px #ffb42c)}}@keyframes o2-seal-breathe{50%{opacity:.45}}@keyframes o2-sweep{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.slide-objectives *{animation:none!important;transition:none!important}}

/* Keep the source background unchanged, as on Slide 08. */

.slide-objectives .o2-mobile-track,.slide-objectives .o2-card-slot{display:contents}
.slide-objectives .o2-mobile-heading,.slide-objectives .o2-mobile-nav{display:none}
.slide-objectives .is-compact.o2-stage{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:14px 12px 10px;gap:10px;box-sizing:border-box}
.slide-objectives .is-compact.o2-stage::before{display:none}
.slide-objectives .is-compact>.o2-heading,.slide-objectives .is-compact>.o2-start,.slide-objectives .is-compact>.o2-route-title,.slide-objectives .is-compact>.o2-command,.slide-objectives .is-compact>.o2-routes{display:none!important}
.slide-objectives .is-compact .o2-mobile-heading{display:block;flex:none;padding:0 5px;border-bottom:1px solid #b49a5060;padding-bottom:8px}
.slide-objectives .is-compact .o2-mobile-heading p{font:400 11px/1.4 O2Oswald!important;letter-spacing:1px;margin:0 0 5px!important;color:#d8c18a!important}
.slide-objectives .is-compact .o2-mobile-heading h2{font:650 clamp(20px,5vw,27px)/1.2 O2Oswald!important;color:#f0cb6e!important;margin:0!important;text-align:left!important}
.slide-objectives .is-compact .o2-mobile-track{display:flex;position:relative;flex:1;min-height:0;overflow:auto;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9e8b51 #12271e;touch-action:pan-x pan-y}
.slide-objectives .is-compact .o2-card-slot{display:block;position:relative;flex:0 0 100%;width:100%;height:var(--card-height);scroll-snap-align:start;scroll-snap-stop:always}
.slide-objectives .is-compact .o2-card{top:10px;left:var(--card-left);transform:scale(var(--card-scale))!important;transform-origin:top left}
.slide-objectives .is-compact .o2-mobile-nav{display:flex;flex:none;gap:6px;justify-content:center;margin:0;padding:0;background:none;border:0;height:auto}
.slide-objectives .is-compact .o2-mobile-nav button{flex:1;min-width:0;min-height:44px;padding:6px;border:1px solid #8b8450;border-radius:5px;background:#10261edf;color:#c9bc90;font:500 14px/1.2 O2Oswald;cursor:pointer;box-shadow:none;transform:none}
.slide-objectives .is-compact .o2-mobile-nav [aria-current=true]{border-color:#efd28a;color:#ffe39e;background:#3e3e2366}
.slide-objectives .is-compact .o2-mobile-nav [data-opened=true]::after{content:' ✓';color:#a5d8aa}
.slide-objectives .is-compact .objective-reveal-status{position:static;width:auto;flex:none;font:400 12px/1.4 O2Oswald!important;text-wrap:balance}
.teaching-slide.slide-objectives.o2-short{overflow-y:auto!important;justify-content:flex-start;align-items:stretch}
.slide-objectives.o2-short .o2-viewport{height:auto!important;min-height:100%;overflow:visible}
.slide-objectives.o2-short .is-compact.o2-stage{height:auto;min-height:100%}
.slide-objectives.o2-short .is-compact .o2-mobile-track{flex:none;height:var(--card-height);overflow-x:auto;overflow-y:hidden}
.slide-objectives.o2-short .is-compact .o2-mobile-heading h2{font-size:20px!important}
@media(hover:hover) and (pointer:fine){.slide-objectives .is-compact .o2-card[data-state=unlocked]:hover,.slide-objectives .is-compact .o2-card[data-state=unlocked]:focus-within{transform:scale(var(--card-scale)) translateY(-5px)!important}}
@media(hover:none){.slide-objectives .o2-card[data-state=unlocked]:hover{transform:none!important;filter:drop-shadow(0 12px 10px #000b)}.slide-objectives .is-compact .o2-card[data-state=unlocked]:hover{transform:scale(var(--card-scale))!important}}
@media(prefers-reduced-motion:reduce){.slide-objectives .o2-card[data-state=unlocked]:hover,.slide-objectives .o2-card[data-state=unlocked]:focus-within{transform:none!important}.slide-objectives .is-compact .o2-card[data-state=unlocked]:hover,.slide-objectives .is-compact .o2-card[data-state=unlocked]:focus-within{transform:scale(var(--card-scale))!important}}

.slide-objectives .o2-desktop-heading{position:absolute;left:96px;right:96px;top:84px}
.slide-objectives .o2-desktop-heading>p{font:400 34px/1.4 O2Oswald!important;color:#edc66d!important;margin:0 0 18px!important;text-align:left!important}
.slide-objectives .o2-title-frame{height:138px;display:flex;align-items:center;justify-content:center;position:relative;border-top:3px solid #c8a349;border-bottom:3px solid #c8a349;box-shadow:0 -1px 10px #d4a74722,0 1px 10px #d4a74722}
.slide-objectives .o2-title-frame img{display:block!important;width:1630px!important;height:101px!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;border:0!important;margin:0!important;border-radius:0!important}
.slide-objectives .o2-command{top:324px;width:270px}
.slide-objectives .o2-command small{font:500 22px/1.3 O2Oswald!important;padding:0!important;color:#f1d590!important;white-space:nowrap}
.slide-objectives .o2-command>span{font-size:34px;margin-right:8px}
.slide-objectives .o2-command p{margin-top:12px!important}
.slide-objectives .o2-card.is-selected{filter:drop-shadow(0 12px 10px #000b) drop-shadow(0 0 10px #f9c74b88)}
.slide-objectives .o2-card.is-selected .o2-card-hit{outline:2px solid #f9da78!important;outline-offset:7px;border-radius:9px;box-shadow:0 0 16px #efc25555!important}
.slide-objectives .o2-card.is-selected::after{content:'✓ ĐANG CHỌN';position:absolute;right:8px;top:-32px;background:#ead079;color:#18261b;border:1px solid #ffecad;border-radius:4px;padding:3px 10px;font:600 18px/1.2 O2Oswald;pointer-events:none}
.slide-objectives .is-compact>.o2-desktop-heading{display:none}
.slide-objectives .is-compact .o2-card.is-selected::after{top:auto;bottom:-30px}
.slide-objectives .is-compact .o2-card-slot{height:calc(var(--card-height) + 25px)}
.slide-objectives.o2-short .is-compact .o2-mobile-track{height:calc(var(--card-height) + 25px)}
