/* Focused enhancement for the standalone course introduction. */
.resume-duel{grid-template-columns:.78fr 1.22fr;gap:28px;align-items:stretch}
.resume-duel .resume-before{margin:22px 0 0;background:#121212;box-shadow:0 0 0 1px #ffffff10}
.resume-before .resume-label>span{color:#999}
.resume-before .resume-label h3{color:#cecbc7;font-size:22px}
.resume-before .pdf-papers{opacity:1}
.resume-duel .resume-after{position:relative;isolation:isolate;padding:28px;overflow:hidden;background:radial-gradient(ellipse at 85% 0%,#a4521a65,transparent 65%),linear-gradient(145deg,#312013,#1c1510 72%);box-shadow:0 0 0 1px #ffa742b3,0 0 0 5px #ff95120a,0 18px 65px #fa730019,inset 0 1px 0 #ffe0a666}
.resume-after::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 15%,#ff981e30,transparent 62%);animation:resume-aura 5s ease-in-out infinite}
.resume-after::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffe4ab,transparent);transform:translateX(-100%);animation:resume-light-trail 6s ease-in-out infinite}
.resume-upgrade-ribbon{display:flex;align-items:center;gap:8px;margin:-28px -28px 24px;padding:12px 28px;background:linear-gradient(100deg,#ff951a,#ffbd63);color:#3d210b;font-size:13px;font-weight:800;letter-spacing:.08em}
.resume-upgrade-ribbon>span:last-child{margin-left:auto;font-size:10px;letter-spacing:.16em;opacity:.72}
.upgrade-live-dot{position:relative;width:7px;height:7px;background:#5d310d;border-radius:50%}
.upgrade-live-dot::after{content:"";position:absolute;inset:-4px;border:1px solid #63350d80;border-radius:50%;animation:resume-beacon 2.8s ease-out infinite}
.resume-after .resume-label h3{display:flex;align-items:center;gap:12px;margin:10px 0;color:#ffda9c;font-size:clamp(26px,2.4vw,34px);letter-spacing:-.03em;text-wrap:balance}
.resume-title-star{font-size:24px;color:#ffb752}
.resume-after .resume-label p{color:#c5b39f;margin-bottom:0}
.resume-after .resume-label strong{color:#ffe1b6;font-weight:600}
.resume-value-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.resume-value-chips>span{padding:6px 9px;border-radius:6px;background:#ffb04d10;box-shadow:inset 0 0 0 1px #ffb95530;font-size:11px;color:#ffcf8d;line-height:1.5}
.resume-after .web-preview{margin-top:22px;box-shadow:0 12px 30px #0005,0 0 0 1px #ffe4ad55}
.resume-after .browser-bar{background:#fff3de}
.resume-upgrade-payoff{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid #ffc27626}
.resume-payoff-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#ffb44c,#ff8419);color:#492408;font-size:24px}
.resume-upgrade-payoff strong{color:#ffe0ad;font-size:16px;line-height:1.5}
.resume-upgrade-payoff p{margin:4px 0 0;font-size:12px;line-height:1.6;color:#bda88d}
.resume-upgrade-payoff .resume-demo-tag{margin-left:auto;flex-shrink:0}
@keyframes resume-aura{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes resume-light-trail{0%,20%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@keyframes resume-beacon{0%{transform:scale(.8);opacity:.8}75%,100%{transform:scale(1.8);opacity:0}}
@media(max-width:1000px){.resume-duel{gap:20px}.resume-duel .resume-after{padding:22px}.resume-upgrade-ribbon{margin:-22px -22px 20px;padding:12px 22px}.resume-upgrade-payoff{gap:9px}.resume-upgrade-payoff strong{font-size:14px}.resume-upgrade-payoff .resume-demo-tag{display:none}}
@media(max-width:760px){.resume-duel{grid-template-columns:1fr;gap:22px}.resume-duel .resume-before{margin:0}.resume-after .resume-label h3{font-size:28px}.resume-value-chips{gap:6px}.resume-value-chips>span{font-size:10px;padding:6px 8px}.resume-upgrade-ribbon{font-size:12px}.resume-upgrade-payoff{margin-top:18px;padding-top:16px}}
@media(prefers-reduced-motion:reduce){.resume-after::before,.resume-after::after,.upgrade-live-dot::after{animation:none}.resume-after::after{transform:none}}