.teaching-slide.slide-victory-finale{position:relative;isolation:isolate;container-type:size;overflow:auto;padding:clamp(14px,2.6cqh,25px) 2%;gap:clamp(12px,2.2cqh,22px);border:1px solid #b99650;border-radius:12px;background:#081d1a;color:#e2e7db;box-shadow:inset 0 0 0 4px #071b18,inset 0 0 0 5px #a283454f}
.vf-backdrop,.vf-shade,.vf-particles{position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit}
.vf-backdrop{background:url('../../assets/bai17/dinh-doc-lap.webp') center 40%/cover no-repeat;opacity:.3;filter:saturate(.5)}
.vf-shade{background:linear-gradient(180deg,#061b18c9,#09251aa8 45%,#061915e0),radial-gradient(ellipse at 50% 0%,#b1934166,transparent 65%)}
.vf-particles{overflow:hidden;z-index:0;opacity:.7}
.vf-particles i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#f6da8c;box-shadow:0 0 10px #f6d078;animation:vf-float var(--duration) ease-in-out var(--delay) infinite}
.vf-topline,.vf-heading,.vf-cards,.vf-controls{position:relative;z-index:1}
.vf-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}
.vf-topline>span{font:600 11px/1.5 var(--sans);letter-spacing:2px;color:#aeb79b}
.vf-topline>span b{color:#d8b866;margin:0 8px}
.vf-heading{display:flex;justify-content:center;align-items:center;gap:22px;flex-shrink:0;text-align:left;padding:0 0 3px}
.vf-medal{width:clamp(66px,11cqh,94px);flex-shrink:0;filter:drop-shadow(0 0 18px #dfb85344)}
.vf-medal svg{display:block;width:100%;height:auto}
.slide-victory-finale .vf-heading p{font:700 11px/1.5 var(--sans);letter-spacing:3px;margin:0 0 6px;color:#b9b48a}
.slide-victory-finale .vf-heading h2{font:800 clamp(28px,5.6cqh,46px)/1.14 var(--serif);letter-spacing:1px;color:#f1cf7d;text-shadow:0 0 13px #e3b84966,0 0 38px #d6aa3e44;margin:0 0 7px}
.vf-heading>div>span{font:400 15px/1.4 var(--sans);color:#c6cdb5}
.vf-enter .vf-heading{animation:vf-drop .7s cubic-bezier(.2,.8,.2,1) both}
.vf-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;flex:1;min-height:0}
.vf-card{perspective:1600px;min-width:0;min-height:0}
.vf-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.65,.2,1)}
.vf-card.is-revealed .vf-card-inner{transform:rotateY(180deg)}
.vf-front,.vf-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #d6b97066;border-radius:15px;background:linear-gradient(130deg,#41614a75,#15342c94 55%,#0a2425bf);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #f4deb22a,0 12px 28px #0003;color:#e2e7db;overflow:auto}
.vf-front{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;padding:25px;text-align:center;cursor:pointer}
.vf-front:disabled{cursor:default;opacity:1}
.vf-card.is-ready .vf-front{border-color:#e2c277b3;box-shadow:inset 0 1px 0 #f4deb22a,0 0 32px #d3b45d1c}
.vf-front-index{position:absolute;top:17px;left:20px;font:600 12px/1.5 monospace;letter-spacing:2px;color:#b9b28b}
.vf-front-emblem{width:48px;height:48px;color:#cfb56d;filter:drop-shadow(0 0 14px #cdb15833)}
.vf-front-emblem svg{width:100%;height:100%}
.vf-front>strong{font:750 clamp(25px,4.5cqh,35px)/1.3 var(--serif);color:#ead395}
.vf-front-subtitle{color:#abb9a5;font:600 12px/1.5 var(--sans);letter-spacing:1.6px;text-transform:uppercase}
.vf-front small{font:400 13px/1.5 var(--sans);color:#98ae9d;margin-top:8px}
.vf-front-action{font:700 11px/1.5 var(--sans);letter-spacing:2px;color:#dcc58b;margin-top:8px;padding-top:16px;border-top:1px solid #bca16444;min-width:65%}
.vf-front-action b{margin-left:15px;font-size:16px}
.vf-back{transform:rotateY(180deg);padding:clamp(18px,3cqh,28px);text-align:left}
.vf-back>header{display:flex;align-items:center;gap:13px;border-bottom:1px solid #d9bb6d55;padding-bottom:11px;margin-bottom:12px}
.vf-card-emblem{width:30px;height:30px;color:#f0d18b;flex-shrink:0}
.vf-card-emblem svg{width:100%;height:100%}
.slide-victory-finale .vf-back header p{font:600 10px/1.5 var(--sans);letter-spacing:2px;text-transform:uppercase;color:#c9ba8b;margin:0 0 4px}
.slide-victory-finale .vf-back h3{font:750 clamp(24px,4cqh,32px)/1.2 var(--serif);color:#efd58c;margin:0}
.vf-card-number{margin-left:auto;color:#d7bf7d77;font:600 18px/1 monospace}
.vf-back ul{list-style:none;margin:0;padding:0;display:grid;gap:clamp(10px,1.8cqh,16px)}
.vf-back li{position:relative;padding-left:20px;color:#e0e5d9;font:400 clamp(20px,2.65cqh,23px)/1.48 var(--sans);opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
.vf-back li:before{content:'◆';position:absolute;left:0;top:5px;font-size:9px;color:#d5b86c}
.vf-back strong{font-weight:700;color:#ffe1a0}
.vf-card.is-revealed li{opacity:1;transform:translateY(0);transition-delay:calc(.28s + var(--line)*.1s)}
.vf-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding-top:11px;border-top:1px solid #c4ab5e44}
.vf-control-left{display:flex;gap:8px}
.vf-controls button{border:1px solid #a58c52;border-radius:7px;background:#213a2cbf;color:#e3d3a6;padding:10px 15px;font:600 13px/1.4 var(--sans);cursor:pointer;min-height:40px}
.vf-controls button:disabled{opacity:.45;cursor:default}
.vf-controls .vf-reset{font-size:21px;line-height:1;padding:7px 11px}
.vf-controls .vf-next{background:linear-gradient(#dfc780,#c6a456);border-color:#e6ce8b;color:#17271e;font-weight:750;min-width:210px}
.slide-victory-finale .vf-phase{font:600 11px/1.5 var(--sans);letter-spacing:.6px;color:#b8c2a7;margin:0;text-align:center}
.slide-victory-finale button:focus-visible{outline:2px solid #ffe6a7;outline-offset:4px}
@media(hover:hover){.vf-controls button:not(:disabled):hover{filter:brightness(1.14)}.vf-front:not(:disabled):hover{background-color:#46664155}}
@keyframes vf-drop{from{opacity:0;transform:translateY(-36px)}to{opacity:1;transform:translateY(0)}}
@keyframes vf-float{0%,100%{transform:translate(0,8px);opacity:.15}45%{transform:translate(var(--drift),-65px);opacity:.9}80%{transform:translate(calc(var(--drift)*.5),-100px);opacity:.1}}
@media(max-width:1100px){.teaching-slide.slide-victory-finale{container-type:normal;padding:20px 16px;gap:20px}.vf-topline>span{font-size:9px;letter-spacing:1px}.vf-heading{gap:14px}.vf-medal{width:70px}.slide-victory-finale .vf-heading h2{font-size:30px}.vf-heading>div>span{font-size:14px}.vf-cards{grid-template-columns:1fr;flex:none;gap:20px}.vf-card{min-height:430px}.vf-card-inner{display:grid;height:auto;min-height:430px}.vf-back{position:relative;inset:auto;grid-area:1/1;overflow:visible;padding:24px}.vf-front{grid-area:1/1}.vf-back li{font-size:20px}.vf-back ul{gap:16px}.vf-controls{flex-wrap:wrap}.vf-controls .vf-phase{order:3;width:100%}.vf-controls .vf-next{min-width:0}.vf-heading{align-items:center}}
@media(max-width:540px){.vf-topline{align-items:flex-start;gap:10px}.vf-topline>span{max-width:43%;font-size:9px;line-height:1.8}.vf-heading{flex-direction:column;text-align:center}.vf-medal{width:76px}.slide-victory-finale .vf-heading h2{font-size:29px}.slide-victory-finale .vf-heading p{font-size:9px;letter-spacing:1.8px}.vf-back{padding:20px 16px}.vf-back>header{gap:10px}.vf-back li{font-size:20px;line-height:1.5;padding-left:16px}.vf-card-number{font-size:14px}.vf-controls{gap:10px}.vf-controls button{font-size:12px;padding:9px 10px}.vf-controls .vf-next{max-width:52%}.vf-controls .vf-reset{padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.slide-victory-finale *{animation:none!important;transition:none!important}.vf-particles{display:none}.vf-card.is-revealed li{opacity:1;transform:none}}