/* Super Prépa TOEIC® — cinematic editorial system */
.cinema-scroll-meter{position:fixed;z-index:200;top:0;left:0;width:100%;height:4px;background:rgba(255,255,255,.15);pointer-events:none}.cinema-scroll-meter i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#20d2e5,#f50078 58%,#ffe763);box-shadow:0 0 16px #f50078}.cinema-hero{isolation:isolate;overflow:hidden}.cinema-atmosphere{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.cinema-atmosphere i{position:absolute;border-radius:50%;filter:blur(.2px);opacity:.72}.cinema-atmosphere i:nth-child(1){width:31vw;height:31vw;right:-8vw;top:7%;border:1px solid rgba(32,210,229,.65);box-shadow:0 0 0 18px rgba(32,210,229,.05),0 0 110px rgba(32,210,229,.15);animation:cinemaOrbit 13s linear infinite}.cinema-atmosphere i:nth-child(2){width:17vw;height:17vw;right:18%;bottom:-14%;background:radial-gradient(circle at 33% 30%,#ffe763,rgba(255,231,99,.18) 28%,transparent 68%);animation:cinemaFloat 8s ease-in-out infinite alternate}.cinema-atmosphere i:nth-child(3){width:22vw;height:22vw;left:-7vw;bottom:7%;border:14px solid rgba(245,0,120,.18);animation:cinemaOrbit 18s linear infinite reverse}.cinema-atmosphere span{position:absolute;right:-.06em;bottom:-.24em;color:rgba(255,255,255,.055);font-size:clamp(5.2rem,14vw,13rem);font-weight:950;line-height:.78;letter-spacing:-.1em;white-space:nowrap;animation:cinemaSlide 17s ease-in-out infinite alternate}.cinema-secure .cinema-atmosphere i:nth-child(1){border-radius:22%;border-color:rgba(255,231,99,.55);animation-duration:18s}.cinema-signal .cinema-atmosphere i:nth-child(1){border-radius:48% 52% 35% 65%;border-width:5px;animation-duration:6s}.cinema-score .cinema-atmosphere i:nth-child(2){right:4%;background:radial-gradient(circle,#f50078,transparent 66%)}.cinema-atlas .cinema-atmosphere i:nth-child(3),.cinema-network .cinema-atmosphere i:nth-child(3){border-radius:0;transform:rotate(45deg)}.cinema-studio .cinema-atmosphere i:nth-child(1){border-width:10px;border-color:rgba(32,210,229,.36);box-shadow:0 0 0 25px rgba(245,0,120,.06),0 0 0 50px rgba(32,210,229,.05)}.cinema-reel{position:relative;isolation:isolate;min-height:min(800px,78vh);overflow:hidden;background:#081d3d;color:#fff}.reel-photo{position:absolute;z-index:-2;inset:0;background-position:center;background-size:cover;transform:scale(1.03);transition:transform 1.2s cubic-bezier(.16,.84,.2,1),filter 1s}.cinema-reel:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,19,42,.98) 0%,rgba(5,19,42,.82) 35%,rgba(5,19,42,.18) 72%,rgba(5,19,42,.08))}.cinema-reel.cinema-visible .reel-photo{transform:scale(1);filter:saturate(1.16)}.reel-copy{display:flex;flex-direction:column;justify-content:center;min-height:inherit;padding-top:110px;padding-bottom:110px}.reel-copy>span{color:#ffe763;font-size:.75rem;font-weight:950;letter-spacing:.16em}.reel-copy h2{max-width:740px;margin:17px 0;color:#fff;font-size:clamp(3rem,6vw,6.6rem);line-height:.88;letter-spacing:-.09em}.reel-copy p{max-width:625px;margin:0;color:#dceaf5;font-size:clamp(1rem,1.5vw,1.23rem);line-height:1.55}.reel-copy a{display:inline-flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin-top:27px;padding:14px 18px;border-radius:14px;background:#f50078;color:#fff;text-decoration:none;font-size:.72rem;font-weight:950;letter-spacing:.08em;box-shadow:0 16px 30px rgba(245,0,120,.27);transition:transform .25s,background .25s}.reel-copy a:hover{transform:translateY(-5px) rotate(-.6deg);background:#ff2b92}.reel-copy i{font-size:1.25rem;font-style:normal}.reel-speaking:after{background:linear-gradient(90deg,rgba(13,40,80,.98) 0%,rgba(13,40,80,.84) 42%,rgba(13,40,80,.26) 78%)}.reel-signal:after{background:linear-gradient(90deg,rgba(9,23,48,.98),rgba(9,23,48,.8) 44%,rgba(9,23,48,.08))}.cinema-visible .module-head h2,.cinema-visible .knowledge-copy h2{animation:cinemaText .75s cubic-bezier(.2,.8,.2,1) both}.cinema-visible .module-head p,.cinema-visible .knowledge-points li{animation:cinemaText .72s .12s cubic-bezier(.2,.8,.2,1) both}.cinema-visible .knowledge-points li:nth-child(2){animation-delay:.2s}.cinema-visible .knowledge-points li:nth-child(3){animation-delay:.28s}.cinema-visible .skill-diagram article,.cinema-visible .timeline-track article,.cinema-visible .case-deck article{animation:cinemaRise .7s cubic-bezier(.2,.8,.2,1) both}.cinema-visible .skill-diagram article:nth-child(2),.cinema-visible .timeline-track article:nth-child(2),.cinema-visible .case-deck article:nth-child(2){animation-delay:.1s}.cinema-visible .skill-diagram article:nth-child(3),.cinema-visible .timeline-track article:nth-child(3),.cinema-visible .case-deck article:nth-child(3){animation-delay:.2s}.cinema-visible .skill-diagram article:nth-child(4),.cinema-visible .timeline-track article:nth-child(4),.cinema-visible .case-deck article:nth-child(4){animation-delay:.3s}.cinema-visible .score-ring{animation:cinemaPop .85s cubic-bezier(.15,.9,.25,1) both}.cinema-visible .message-in{animation:chatIn .55s .14s both}.cinema-visible .message-out{animation:chatOut .55s .38s both}.cinema-visible .message-action{animation:cinemaRise .55s .62s both}.world-data-grid article{transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s}.world-data-grid article:hover{transform:translateY(-12px) rotate(-.6deg);box-shadow:0 28px 50px rgba(13,40,80,.2)}.hero .btn.pink{box-shadow:0 14px 34px rgba(245,0,120,.28)}.hero .btn.pink:hover{transform:translateY(-5px) scale(1.02)}
@keyframes cinemaOrbit{to{transform:rotate(360deg)}}@keyframes cinemaFloat{to{transform:translate(-22px,-28px) scale(1.12)}}@keyframes cinemaSlide{to{transform:translateX(-7vw)}}@keyframes cinemaText{from{opacity:0;transform:translateY(28px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes cinemaRise{from{opacity:0;transform:translateY(32px) rotate(1deg)}to{opacity:1;transform:none}}@keyframes cinemaPop{from{opacity:0;transform:scale(.72) rotate(-13deg)}to{opacity:1;transform:none}}@keyframes chatIn{from{opacity:0;transform:translateX(-45px) scale(.94)}to{opacity:1;transform:none}}@keyframes chatOut{from{opacity:0;transform:translateX(45px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:760px){.cinema-scroll-meter{height:3px}.cinema-atmosphere i:nth-child(1){width:70vw;height:70vw;right:-33vw}.cinema-atmosphere i:nth-child(2){width:42vw;height:42vw;right:-8vw}.cinema-atmosphere i:nth-child(3){width:54vw;height:54vw;left:-30vw}.cinema-reel{min-height:620px}.cinema-reel:after,.reel-speaking:after,.reel-signal:after{background:linear-gradient(0deg,rgba(5,19,42,.96),rgba(5,19,42,.73) 53%,rgba(5,19,42,.1))}.reel-copy{justify-content:flex-end;padding-top:220px;padding-bottom:55px}.reel-copy h2{font-size:clamp(2.7rem,12vw,4.2rem)}.reel-copy a{width:100%;justify-content:space-between}.cinema-visible .module-head h2,.cinema-visible .module-head p,.cinema-visible .knowledge-points li,.cinema-visible .skill-diagram article,.cinema-visible .timeline-track article,.cinema-visible .case-deck article{animation:none!important}}
@media(prefers-reduced-motion:reduce){.cinema-atmosphere i,.cinema-atmosphere span,.cinema-visible .module-head h2,.cinema-visible .module-head p,.cinema-visible .knowledge-points li,.cinema-visible .skill-diagram article,.cinema-visible .timeline-track article,.cinema-visible .case-deck article,.cinema-visible .score-ring,.cinema-visible .message-in,.cinema-visible .message-out,.cinema-visible .message-action{animation:none!important}.reel-photo,.reel-copy a,.world-data-grid article{transition:none!important}}

.reel-airport:after{background:linear-gradient(90deg,rgba(5,19,42,.98),rgba(5,19,42,.77) 43%,rgba(5,19,42,.12))}.reel-meeting:after{background:linear-gradient(90deg,rgba(8,22,46,.98),rgba(8,22,46,.76) 46%,rgba(8,22,46,.08))}.reel-interview:after{background:linear-gradient(90deg,rgba(11,27,55,.98),rgba(11,27,55,.74) 46%,rgba(11,27,55,.12))}.reel-route:after{background:linear-gradient(90deg,rgba(7,20,43,.98),rgba(7,20,43,.85) 49%,rgba(7,20,43,.15))}.reel-brand-sticker{position:absolute;z-index:1;right:8%;bottom:11%;width:min(235px,25vw);padding:11px 14px;border:2px solid #fff;background:#071c3e;box-shadow:8px 8px 0 #f50078;transform:rotate(-6deg)}.reel-brand-sticker img{display:block;width:100%;height:auto}.reel-route-copy ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:700px;margin:2px 0 0;padding:0;list-style:none}.reel-route-copy li{padding:12px 13px;border:1px solid rgba(255,255,255,.24);background:rgba(7,25,55,.6);backdrop-filter:blur(5px);font-weight:800}.reel-route-copy li b{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;border-radius:50%;background:#ffe763;color:#071c3e;font-size:.72rem}
(max-width:760px){.reel-brand-sticker{right:7%;bottom:auto;top:8%;width:164px;padding:8px}.reel-route-copy ol{grid-template-columns:1fr;gap:6px}.reel-route-copy li{padding:9px 11px;font-size:.86rem}}