:root{--bg:#05070f;--bg2:#ffffff0f;--tx:#f3efe6;--mu:#aab2c8;--bd:#ffffff24;--g:linear-gradient(100deg,#f6d58e,#e9b44c 45%,#5ec2b0);color-scheme:dark;box-sizing:border-box}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font-family:"Space Grotesk",system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}
.sy{font-family:Syne,sans-serif}.gt{background:var(--g);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gs 7s linear infinite}@keyframes gs{to{background-position:300% 0}}
#au{position:fixed;inset:0;z-index:-1;overflow:hidden}.bl{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;animation:bf 18s ease-in-out infinite alternate}
.bl:nth-child(1){width:46vw;height:46vw;background:#c8102e;top:-10%;left:-10%}.bl:nth-child(2){width:42vw;height:42vw;background:#3d5a8c;top:30%;right:-12%;animation-delay:-6s}.bl:nth-child(3){width:38vw;height:38vw;background:#5ec2b0;bottom:-12%;left:25%;animation-delay:-12s}
@keyframes bf{to{transform:translate(8vw,10vh) scale(1.25)}}
#cg{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(#e9b44c33,transparent 65%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}
#ld{position:fixed;inset:0;z-index:999;color:#fff;display:flex;align-items:center;justify-content:center;transition:visibility 0s 1.2s}
#ld.off{visibility:hidden}.hv{position:absolute;left:0;right:0;height:50.5%;background:linear-gradient(135deg,#12082e,#3b0f5c 50%,#7a1450);transition:transform 1.1s cubic-bezier(.8,0,.2,1)}.hv.t{top:0}.hv.b{bottom:0}
#ld.off .t{transform:translateY(-101%)}#ld.off .b{transform:translateY(101%)}
#lc{position:relative;text-align:center;transition:opacity .5s}#ld.off #lc{opacity:0}
#lc svg{width:120px;height:120px;animation:ro 6s linear infinite}@keyframes ro{to{transform:rotate(360deg)}}
.lt{font-family:Syne;font-weight:800;font-size:clamp(40px,10vw,90px);letter-spacing:.12em;display:flex;justify-content:center;margin-top:10px}.lt span{opacity:0;transform:translateY(40px) rotate(8deg);animation:li .8s forwards}@keyframes li{to{opacity:1;transform:none}}
#lp{font-family:Syne;font-size:clamp(60px,14vw,150px);font-weight:800;line-height:1}#lw{letter-spacing:.4em;font-size:13px;color:#ffb3d0;text-transform:uppercase;height:20px}
nav{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);width:min(1180px,94vw);z-index:60;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 10px 18px;border:1px solid var(--bd);border-radius:60px;background:#0a061acc;backdrop-filter:blur(18px);color:#fff}
.logo{display:flex;align-items:center;gap:10px;font-family:Syne;font-weight:800;font-size:22px;letter-spacing:.12em}.logo svg{width:36px;height:36px;transition:transform .8s}.logo:hover svg{transform:rotate(180deg)}
.lk{display:flex;gap:2px}.lk a{padding:8px 14px;border-radius:30px;font-size:14px;opacity:.75;transition:.25s}.lk a:hover,.lk a.on{opacity:1;background:#ffffff22}
.btn{border:0;border-radius:50px;padding:13px 28px;font-weight:700;font-size:15px;color:#fff;background:var(--g);background-size:200% 100%;transition:.4s;display:inline-block;position:relative}.btn:hover{background-position:100% 0;transform:translateY(-3px) scale(1.04);box-shadow:0 12px 40px #c8102e88}.btn.gh{background:none;border:1.5px solid var(--bd);color:var(--tx)}
#mb{display:none;background:none;border:0;color:#fff;font-size:24px}
@media(max-width:920px){#mb{display:block}.lk{position:fixed;top:calc(80px + env(safe-area-inset-top,0px));left:3vw;right:3vw;flex-direction:column;background:#0a061af2;border:1px solid var(--bd);border-radius:24px;padding:12px;transform:scale(.9);opacity:0;pointer-events:none;transition:.3s}.lk.o{transform:none;opacity:1;pointer-events:auto}}
#wp{position:fixed;inset:0;z-index:90;pointer-events:none;background:var(--g);clip-path:circle(0% at 50% 50%)}#wp.go{animation:wp 1s cubic-bezier(.7,0,.3,1)}@keyframes wp{0%{clip-path:circle(0% at 50% 100%)}45%,55%{clip-path:circle(150% at 50% 100%)}100%{clip-path:circle(0% at 50% 0%)}}
.pg{display:none;min-height:100vh}.pg.on{display:block}
.wrap{max-width:1250px;margin:auto;padding:0 5vw}.pt{padding-top:calc(130px + env(safe-area-inset-top,0px))}
.sec{padding:110px 0;position:relative}
h1.hg{font-family:Syne;font-weight:800;font-size:clamp(46px,10vw,150px);line-height:.92;margin:0;letter-spacing:-.02em}
h2.h2{font-family:Syne;font-weight:800;font-size:clamp(34px,6vw,84px);line-height:1;margin:0 0 18px;letter-spacing:-.01em}.sub{color:var(--mu);font-size:19px;max-width:640px;margin:0 0 36px;line-height:1.6}
.wd{display:inline-block;opacity:0;transform:translateY(60%) rotate(5deg);transition:all .8s cubic-bezier(.2,.8,.2,1)}.in .wd{opacity:1;transform:none}
.rv{opacity:0;transform:translateY(70px) scale(.96);transition:all 1s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
.hero{min-height:100vh;display:grid;align-items:center;padding-top:110px;position:relative}
.hg2{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}@media(max-width:900px){.hg2{grid-template-columns:1fr}}
.rot{display:inline-block;height:1.05em;overflow:hidden;vertical-align:bottom}.rot span{display:block;animation:rt 8s infinite}@keyframes rt{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-100%)}50%,70%{transform:translateY(-200%)}75%,95%{transform:translateY(-300%)}100%{transform:translateY(-400%)}}
.ph{position:relative;overflow:hidden;border-radius:32px;background-size:cover;background-position:center;border:1px solid var(--bd)}
.ph.l{background-image:linear-gradient(#1a1240 0%,#c0447a 55%,#ffb35c 100%)}.ph.n{background-image:linear-gradient(#0d1b4a 0%,#8b3a9c 55%,#ff7a59 100%)}
.ph svg.sl{position:absolute;bottom:0;left:0;width:100%;height:55%}
.hm{aspect-ratio:4/5;animation:fl 7s ease-in-out infinite;box-shadow:0 40px 100px #3d5a8c55}@keyframes fl{50%{transform:translateY(-20px) rotate(1deg)}}
.chp{position:absolute;padding:9px 16px;border-radius:30px;background:#0009;backdrop-filter:blur(10px);color:#fff;font-size:13px;font-weight:700;border:1px solid #fff3;animation:fl 5s ease-in-out infinite}
.mq{overflow:hidden;white-space:nowrap;padding:26px 0;border-block:1px solid var(--bd);font-family:Syne;font-weight:800;font-size:clamp(28px,5vw,60px)}.mq div{display:inline-block;animation:mq 30s linear infinite}.mq.r div{animation-direction:reverse}@keyframes mq{to{transform:translateX(-50%)}}
#jw{height:420vh;position:relative}#js{position:sticky;top:0;height:100vh;overflow:hidden}.sc{position:absolute;inset:0;border-radius:0}.sc .ph{position:absolute;inset:0;border-radius:0;border:0}
.jt{position:absolute;left:5vw;right:5vw;bottom:14vh;color:#fff}.jt h3{font-family:Syne;font-weight:800;font-size:clamp(44px,11vw,160px);margin:0;line-height:.9;text-shadow:0 10px 50px #0008}.jt p{max-width:560px;font-size:20px}
.g4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.cd{background:var(--bg2);border:1px solid var(--bd);border-radius:28px;padding:30px;backdrop-filter:blur(14px);transition:transform .25s,border-color .3s;position:relative;overflow:hidden;transform-style:preserve-3d}.cd:hover{border-color:#e9b44c}.cd:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x,50%) var(--y,0),#c8102e33,transparent 55%);opacity:0;transition:.3s}.cd:hover:before{opacity:1}
.cd .ic{font-size:50px;display:block;margin-bottom:10px}.cd h3{font-family:Syne;font-size:26px;margin:0 0 6px}.cd p{color:var(--mu);margin:0 0 12px;line-height:1.5}.go{font-weight:700}
#hw{height:380vh;position:relative}#hs{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}#ht{display:flex;gap:24px;padding:0 5vw;will-change:transform}
.lc{flex:0 0 min(420px,80vw);height:62vh;border-radius:36px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.lc b{font-family:Syne;font-size:clamp(90px,14vw,170px);line-height:.9}.lc h3{margin:0;font-size:26px}.lc p{margin:6px 0 0;opacity:.9}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;text-align:center}.stats b{font-family:Syne;font-size:clamp(48px,7vw,90px);display:block}
details{border-bottom:1px solid var(--bd);padding:22px 0}summary{font-family:Syne;font-weight:700;font-size:22px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";transition:.3s}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--mu);font-size:18px;line-height:1.6;max-width:760px}
.cta{border-radius:44px;padding:clamp(40px,8vw,110px) 6vw;text-align:center;background:var(--g);background-size:300% 100%;animation:gs 9s linear infinite;color:#fff}.cta h2{font-family:Syne;font-size:clamp(36px,7vw,100px);margin:0 0 20px;line-height:1}
.tag{font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;background:#3d5a8c;color:#fff;display:inline-block}.tag.pdf{background:#c8102e}.tag.vid{background:#5ec2b0;color:#001}.tag.rep{background:#e9b44c;color:#111}
.tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.tools input{flex:1;min-width:230px;padding:15px 22px;border-radius:50px;border:1px solid var(--bd);background:var(--bg2);color:var(--tx);font:inherit}.chip{padding:9px 17px;border-radius:30px;border:1px solid var(--bd);background:var(--bg2);color:var(--tx);font-weight:600;font-size:14px;transition:.2s}.chip.on,.chip:hover{background:var(--g);color:#fff;border-color:transparent}
.fm,.bx{max-width:720px;margin:auto;background:var(--bg2);border:1px solid var(--bd);border-radius:34px;padding:36px;backdrop-filter:blur(20px)}.fm{max-width:460px}.fm input,.ta{width:100%;padding:14px 16px;margin:6px 0 14px;border-radius:14px;border:1px solid var(--bd);background:#0000001a;color:var(--tx);font:inherit}
.msg{color:#ff6b88;min-height:20px;font-size:14px}.opt{display:block;width:100%;text-align:left;margin:9px 0;padding:15px 20px;border-radius:16px;border:1.5px solid var(--bd);background:none;color:var(--tx);font-size:16px;transition:.2s}.opt:hover{border-color:#e9b44c;transform:translateX(6px)}
.q{font-size:24px;font-weight:700;margin:16px 0}.prog{height:6px;background:var(--bd);border-radius:9px;margin-bottom:20px;overflow:hidden}.prog i{display:block;height:100%;background:var(--g);transition:.4s}
.bars div{display:flex;align-items:center;gap:12px;margin:10px 0}.bars span{width:90px}.bars i{flex:1;height:10px;background:var(--bd);border-radius:9px;overflow:hidden}.bars em{display:block;height:100%;background:var(--g)}
.stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0}.stat div{border:1px solid var(--bd);border-radius:18px;padding:18px;text-align:center}.stat b{font-family:Syne;font-size:36px;display:block}
.lv{font-family:Syne;font-size:110px;text-align:center}ul.cl{padding-left:20px;line-height:1.9;color:var(--mu)}
footer{border-top:1px solid var(--bd);padding:60px 5vw;text-align:center;color:var(--mu)}

.pg{position:relative}.pgb{position:absolute;left:0;right:0;top:0;height:78vh;background-size:cover;background-position:center;opacity:.42;z-index:-1;filter:saturate(1.3);-webkit-mask-image:linear-gradient(#000 25%,transparent);mask-image:linear-gradient(#000 25%,transparent)}
.hero{height:100vh;min-height:0;display:block;padding-top:0;color:#fff}.hero .hg2{position:relative;z-index:2;height:100%;padding-top:90px;grid-template-columns:1.1fr .9fr}.hero .sub{color:#d9d3f2}.hero .chip{color:#fff;background:#0007;border-color:#fff3}.hero .btn.gh{color:#fff;border-color:#fff5}
.hb{position:absolute;inset:0;overflow:hidden}.bd{position:absolute;left:0;right:0;overflow:hidden}.bd:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#ffd9a0cc,transparent);z-index:2}
.bd i{position:absolute;left:-3%;right:-3%;height:100vh;background-size:cover;background-position:80% center;will-change:transform;transform:scale(1.08)}
.hov{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#06040ff2 0%,#06040fa6 42%,#06040f12 78%),linear-gradient(transparent 72%,var(--bg))}
@media(max-width:900px){.hero .hg2{grid-template-columns:1fr}.hov{background:linear-gradient(#06040fcc,#06040f99 60%,var(--bg))}.hero h1.hg{font-size:clamp(40px,13vw,80px)}}
.hv{background:linear-gradient(135deg,#12082eee,#3b0f5ccc 50%,#7a1450cc),var(--i-hero) center top/max(100vw,180vh) auto no-repeat!important;background-color:#12082e!important}.hv.b{background-position:0 0,center bottom!important}
#js{background:#04030a}#jsc,#jtx{position:absolute;inset:0}
.sn{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:6vw;perspective:1400px;pointer-events:none}
.bk{position:absolute;inset:-12%;background-size:cover;background-position:center;filter:blur(34px) brightness(.55) saturate(1.5)}
.cdp{position:relative;aspect-ratio:var(--r);height:min(72vh,calc(88vw/var(--r)));border-radius:26px;overflow:hidden;box-shadow:0 50px 140px #000b,0 0 0 1px #fff3;will-change:transform}.cdp i{position:absolute;inset:-8%;background-size:cover;background-position:center}.cdp:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffff26,transparent 40%,#0006)}
.gx{background:linear-gradient(#0a1440,#1c3c8a 55%,#ff7a59);overflow:hidden}.wv{position:absolute;inset:-50% -10%;background:repeating-linear-gradient(100deg,#ffffff22 0 2px,transparent 2px 46px);animation:wvm 5s linear infinite}@keyframes wvm{to{transform:translateX(-46px)}}
#jtx .jt{position:absolute;left:5vw;right:auto;bottom:11vh;max-width:min(640px,88vw);color:#fff;pointer-events:none}#jtx .jt h3{font-size:clamp(44px,9vw,140px)}
#jrl{position:absolute;left:2.5vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:5}#jrl b{width:8px;height:8px;border-radius:50%;background:#fff5;transition:.3s}#jrl b.on{height:34px;border-radius:9px;background:var(--g)}
.lc>*,.cd>*{position:relative;z-index:1}.lc .lcb,.cd .lcb{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;mix-blend-mode:overlay;opacity:.85;transition:transform .9s}.lc:hover .lcb,.cd:hover .lcb{transform:scale(1.14)}
.dp{position:relative;height:90vh;overflow:hidden;display:flex;background:var(--g);background-size:300% 100%;animation:gs 9s linear infinite}.dh{flex:1;background-size:cover;background-position:center;will-change:transform;filter:brightness(.72) saturate(1.2)}.dh.l{background-position:70% center}
.dc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 6vw}.dc h2{font-family:Syne;font-weight:800;font-size:clamp(36px,7vw,100px);margin:0 0 24px;line-height:1;text-shadow:0 8px 50px #000a}

#xw{height:650vh;position:relative}#xs{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--bg)}.xin{position:absolute;inset:0;overflow:hidden;background:#000;will-change:transform}
.fp,#vlw,#cr{position:absolute;inset:0}.pb{position:absolute;inset:0;background-size:cover;background-position:center}.fv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform,filter}#vb{object-position:40% center}#vl{object-position:48% center}#vlw{transform-origin:48% 58%;opacity:0}
#cr{opacity:0;background:linear-gradient(#01020a,#07122c 50%,#050a18 50%)}
.sr{position:absolute;left:-25%;right:-25%;top:0;bottom:48%;background-image:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 20%,#fff,transparent),radial-gradient(1px 1px at 45% 60%,#fff,transparent),radial-gradient(2px 2px at 85% 45%,#fff,transparent),radial-gradient(1px 1px at 10% 80%,#fff,transparent);background-size:260px 220px}
.hz{position:absolute;left:0;right:0;top:50%;height:3px;background:linear-gradient(90deg,#e9b44c,#c8102e 30%,#3d5a8c 60%,#5ec2b0);filter:blur(3px);box-shadow:0 0 60px 20px #3d5a8c66}
.wt{position:absolute;left:-10%;right:-10%;top:50%;bottom:0;perspective:650px;overflow:hidden}.wt canvas{width:100%;height:150%;transform:rotateX(50deg);transform-origin:50% 0;filter:brightness(1.25) saturate(1.3) hue-rotate(-12deg);opacity:.95}
.st{position:absolute;left:0;right:0;top:50%;bottom:0;background:repeating-linear-gradient(0deg,#ffffff12 0 1px,transparent 1px 40px);-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}
.hud{position:absolute;top:9vh;left:0;right:0;display:flex;flex-direction:column;align-items:center;color:#fff}#arcs{width:min(80vw,900px)}.km{font-family:Syne;font-size:clamp(20px,3vw,34px);margin-top:-6px}.km b{font-size:clamp(40px,7vw,86px)}
.vg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(transparent 50%,#000a),linear-gradient(transparent 55%,#0009)}
#xtx{position:absolute;inset:0;pointer-events:none}#xtx .jt{position:absolute;left:5vw;right:auto;bottom:11vh;max-width:min(640px,88vw);color:#fff;opacity:0}#xtx .jt h3{font-family:Syne;font-weight:800;margin:0;line-height:.9;font-size:clamp(44px,9vw,140px);text-shadow:0 10px 50px #0009}#xtx .jt p{font-size:20px;text-shadow:0 2px 20px #000}

#au,.pgb,#th{display:none}#cg{background:radial-gradient(#e9b44c1f,transparent 65%)}
main,footer{position:relative;z-index:2}footer{background:#05070fd9;backdrop-filter:blur(14px)}
#world{position:fixed;inset:0;z-index:0;overflow:hidden;background:#05070f}#sc,.sc{position:absolute;inset:0}.sc{will-change:transform,opacity}.so{filter:saturate(1.12) contrast(1.06)}.bl2{filter:blur(38px) brightness(.55) saturate(1.3);transform:scale(1.3)}
.xs{position:absolute;inset:0;background:linear-gradient(#01020a,#07122c 50%,#050a18 50%)}.hz{background:linear-gradient(90deg,transparent,#e9b44c,#5ec2b0,transparent)!important}
.vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 40%,#000c),linear-gradient(#0008,transparent 25%,transparent 60%,#000b)}.dim{position:absolute;inset:0;background:#05070f;opacity:.1;pointer-events:none}
.gn{position:absolute;inset:-50%;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");animation:gj .6s steps(4) infinite}@keyframes gj{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}}
#bk{position:absolute;inset:0;pointer-events:none}
#hud{position:absolute;top:calc(11vh + env(safe-area-inset-top,0px));right:5vw;left:auto;width:min(46vw,540px);opacity:0;display:flex;flex-direction:column;align-items:center;color:#fff;pointer-events:none}#hud #arcs{width:100%}
.ws{position:relative;padding:16vh 0}.ws .wrap{position:relative;z-index:1}.hs0{min-height:100vh;display:flex;align-items:center;padding:0}.hs0 .wrap{width:100%}
#hw{padding:0;height:420vh}#hs{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}.lh{position:absolute;left:5vw;top:calc(14vh + env(safe-area-inset-top,0px));z-index:2;max-width:46vw}.lh .h2{font-size:clamp(30px,4.4vw,64px)}#ht{padding-top:22vh}.lc{height:52vh}
.ff{position:absolute;z-index:0;width:clamp(150px,17vw,280px);aspect-ratio:var(--r);border-radius:20px;overflow:hidden;box-shadow:0 30px 90px #000b,0 0 0 1px #fff3}.ff i{position:absolute;inset:0;background-size:cover;background-position:center}
@media(max-width:760px){.ff{display:none}.lh{max-width:90vw}#hud{width:70vw;top:30vh}}
.cue{position:absolute;bottom:5vh;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#fffb}.cue i{width:1px;height:46px;background:linear-gradient(#fff,transparent);animation:cue 2s infinite}@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.cd{background:#0b1226b8!important}h1.hg,h2.h2{text-shadow:0 6px 40px #0009}
.btn{color:#1a1204!important;background:var(--g);background-size:200% 100%}.btn.gh{color:var(--tx)!important;background:none}.chip.on,.chip:hover{color:#1a1204}.tag{background:#1d2b4a;color:#f6d58e}.tag.pdf{background:#c8102e;color:#fff}.tag.vid{color:#04110e}
.hv{background:linear-gradient(#05070fe6,#05070fcc),var(--i-hero) center top/max(100vw,180vh) auto no-repeat!important;background-color:#05070f!important}.hv.b{background-position:0 0,center bottom!important}#lw{color:#f6d58e}
.lc .lcb,.cd .lcb{mix-blend-mode:normal!important;opacity:.42!important}.lc:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#05070fd9)}.lc b{color:#f6d58e}
.mq{border:0;color:transparent;-webkit-text-stroke:1px #ffffff55}
#wp{background:#05070f;clip-path:none;opacity:0}#wp.go{animation:wf .9s ease}@keyframes wf{0%,100%{opacity:0}45%,55%{opacity:1}}

.ws{overflow:clip}#hw{overflow:visible}
.xs{background:linear-gradient(#02050f 0%,#0a1630 30%,#1d3a63 49.5%,#e9b44c55 50%,#0a1626 50.3%,#04080f 100%)}
.sr{background-size:190px 160px}.sr{filter:brightness(1.5)}
.mn{position:absolute;top:15%;left:58%;width:clamp(70px,9vw,130px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffaf0,#d9d2bd 60%,#a9a28f);box-shadow:0 0 80px 30px #cfe4ff44,0 0 240px 100px #7ea4ff26}
.wt:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(#27476ecc,transparent 55%);pointer-events:none}.wt:after{content:"";position:absolute;left:52%;width:12%;top:0;bottom:0;z-index:2;background:linear-gradient(#cfe4ff77,transparent 85%);filter:blur(14px);pointer-events:none}
#hs{align-items:flex-end;padding-bottom:7vh}#ht{padding-top:0}.lc{height:44vh}#hud{width:min(34vw,420px)}#hud .km b{font-size:clamp(30px,4vw,54px)}#hud .km{font-size:clamp(14px,1.6vw,20px)}

.bl2{filter:blur(38px) brightness(.95) saturate(1.5);transform:scale(1.3)}
.mn{left:20%;top:17%}
.xs{background:linear-gradient(#02050f 0%,#0b1a3a 28%,#2c5a8f 49.5%,#e9b44caa 50%,#0a1626 50.3%,#04080f 100%)}

/* ---- v5: icons ---- */
@property --a{syntax:"<angle>";initial-value:0deg;inherits:false}
.ai{width:var(--s,48px);height:var(--s,48px);overflow:visible;flex:none;vertical-align:middle}
.ai *{fill:none;stroke:#f6d58e;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:center}
.ai .t{stroke:#5ec2b0}.btn .ai *{stroke:#1a1204}.ih{display:flex;align-items:center;gap:14px}
.pf{transform-origin:100% 50%;animation:pfl 3.2s ease-in-out infinite}@keyframes pfl{0%,100%{transform:scaleX(1);opacity:1}40%{transform:scaleX(-1);opacity:.25}60%{transform:scaleX(-1);opacity:0}}
.ai .sp{fill:#f6d58e;stroke:none;animation:spk 1.8s ease-in-out infinite}@keyframes spk{50%{transform:scale(2.4);opacity:.3}}
.w{opacity:0;--d:-1;animation:wv2 1.8s ease-out infinite}.w2,.w4{--d:1}.w3{animation-delay:.3s}.w2{animation-delay:.9s}.w4{animation-delay:1.2s}@keyframes wv2{0%{opacity:0;transform:translateX(0)}35%{opacity:1}100%{opacity:0;transform:translateX(calc(var(--d)*5px))}}
.pn{animation:pnm 2.6s ease-in-out infinite}@keyframes pnm{0%,100%{transform:translate(-2px,2px) rotate(-3deg)}50%{transform:translate(3px,-2px) rotate(3deg)}}
.ai .ln{stroke:#5ec2b0;stroke-dasharray:64;animation:lnd 2.6s ease-in-out infinite}@keyframes lnd{0%{stroke-dashoffset:64}60%,100%{stroke-dashoffset:0}}
.ai .eq{stroke:#5ec2b0;animation:eqb 1s ease-in-out infinite}.e2{animation-delay:.2s}.e3{animation-delay:.4s}.e4{animation-delay:.1s}@keyframes eqb{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1.25)}}
.ai .sc{stroke:#5ec2b0;animation:scn 2.4s ease-in-out infinite}@keyframes scn{0%{transform:translateY(0);opacity:0}15%,85%{opacity:1}100%{transform:translateY(22px);opacity:0}}
.ai .pl{fill:#5ec2b044}.ai .rg{stroke:#e9b44c;animation:rg 2.2s ease-out infinite}@keyframes rg{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.55);opacity:0}}
.ai .br{fill:#e9b44c33;transform-origin:50% 100%;animation:brg 2.6s ease-in-out infinite}.b2{animation-delay:.25s}.b3{animation-delay:.5s}@keyframes brg{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.ai .cc{stroke-dasharray:120;stroke-dashoffset:120;animation:dr 1.1s ease forwards}.ai .ck{stroke-dasharray:36;stroke-dashoffset:36;animation:dr .7s .8s ease forwards}@keyframes dr{to{stroke-dashoffset:0}}
.icw{width:clamp(56px,5vw,68px);height:clamp(56px,5vw,68px);border-radius:20px;display:grid;place-items:center;position:relative;margin-bottom:16px;background:linear-gradient(135deg,#ffffff16,#ffffff05);box-shadow:inset 0 0 24px #e9b44c22,0 10px 30px #0007}
.icw:before{content:"";position:absolute;inset:0;border-radius:20px;padding:1.5px;background:conic-gradient(from var(--a),#e9b44c,transparent 28%,#5ec2b0 55%,transparent 78%,#e9b44c);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rn 5s linear infinite}@keyframes rn{to{--a:360deg}}
.icw .ai{--s:clamp(34px,3.4vw,42px)!important}
/* ---- v5: photo cards ---- */
.cd{border-radius:24px}.cd .lcb{-webkit-mask-image:linear-gradient(#000 15%,transparent 92%);mask-image:linear-gradient(#000 15%,transparent 92%)}
.cd.pc{padding:0;overflow:hidden}.cd.pc>*:not(.cph){margin-left:clamp(18px,2vw,26px);margin-right:clamp(18px,2vw,26px)}.cd.pc h3{margin-top:16px}.cd.pc .go{display:inline-block;margin-bottom:clamp(18px,2vw,26px)}
.cph{position:relative!important;height:clamp(130px,15vw,180px);overflow:hidden}.cph i{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.3s cubic-bezier(.2,.8,.2,1),filter .6s}.cd.pc:hover .cph i{transform:scale(1.15);filter:saturate(1.3)}
.cph:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#0b1226f5)}.cph .tag{position:absolute;left:14px;top:14px;z-index:2;backdrop-filter:blur(8px)}
.cbg{position:absolute;right:12px;bottom:10px;z-index:2;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#05070fbb;backdrop-filter:blur(8px);border:1px solid #ffffff30}
.cd.pc:after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;z-index:3;pointer-events:none;background:linear-gradient(100deg,transparent,#ffffff26,transparent);transform:skewX(-18deg);transition:left .9s}.cd.pc:hover:after{left:150%}
.cd{transition:transform .25s,border-color .3s,box-shadow .4s}.cd:hover{box-shadow:0 24px 70px #000a,0 0 0 1px #e9b44c66}
.sban{position:relative;height:clamp(150px,28vh,300px);border-radius:26px;overflow:hidden;margin-bottom:26px;border:1px solid var(--bd)}.sban i{position:absolute;inset:0;background-size:cover;background-position:center 40%}.sban:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#05070fd0)}
/* levels cards */
.lc{flex:0 0 clamp(240px,min(30vw,44vh),390px)!important;height:min(46vh,430px)!important;border:1px solid #ffffff2a;transition:transform .5s,border-color .4s}.lc:hover{transform:translateY(-10px);border-color:#e9b44c}
.lc .lcb{opacity:.95!important;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.lc:after{background:linear-gradient(transparent 22%,#05070fe8 90%)}.lc b{font-size:clamp(54px,min(10vw,17vh),140px)}.lc h3{font-size:clamp(18px,1.8vw,26px)}.lc p{font-size:clamp(13px,1vw + 2px,16px)}
#lvg .cd{min-height:clamp(190px,24vw,260px)}#lvg .cd .lcb{opacity:.85!important}
/* study videos */
.vrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:22px;margin-top:clamp(40px,8vh,80px)}
.vc{margin:0;background:#0b1226c0;border:1px solid var(--bd);border-radius:26px;overflow:hidden;backdrop-filter:blur(14px);transition:transform .4s,border-color .3s}.vc:hover{transform:translateY(-8px);border-color:#e9b44c}
.vw{position:relative;aspect-ratio:16/9;background:#000}.vw video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vtag{position:absolute;left:14px;top:14px;z-index:2;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:30px;background:#05070fbb;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.vtag i{width:8px;height:8px;border-radius:50%;background:#e9b44c;animation:pu 1.6s infinite}@keyframes pu{50%{transform:scale(1.8);opacity:.4}}
.vc figcaption{padding:clamp(16px,2vw,24px)}.vc h3{font-family:Syne;margin:0 0 12px;font-size:clamp(18px,2vw,24px)}.nt{margin:0;padding:0;list-style:none;display:grid;gap:9px;color:var(--mu);font-size:clamp(14px,1vw + 3px,16px);line-height:1.5}.nt li{display:flex;gap:10px;align-items:flex-start}.nt li:before{content:"";flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--g)}
.hv{background:linear-gradient(#05070fe6,#05070fcc),var(--i-p4) center top/max(100vw,180vh) auto no-repeat!important;background-color:#05070f!important}.hv.b{background-position:0 0,center bottom!important}
/* ---- v5: responsive ---- */
html{-webkit-text-size-adjust:100%}body{overflow-x:clip}
h1.hg{font-size:clamp(38px,min(9vw,15.5vh),128px)}h2.h2{font-size:clamp(28px,min(5vw,9vh),72px)}.lh .h2{font-size:clamp(26px,min(4.2vw,8vh),60px)}
.sub{font-size:clamp(15px,1.05vw + 5px,19px);line-height:1.55}.hs0{min-height:100vh;min-height:100svh}
.btn{padding:clamp(10px,1.4vh + 4px,14px) clamp(20px,2vw,28px);font-size:clamp(14px,.9vw + 4px,15px)}
nav{top:calc(10px + env(safe-area-inset-top,0px));padding:8px 12px 8px 16px}.logo{font-size:clamp(17px,2vw,22px)}.logo svg{width:clamp(30px,3vw,36px);height:clamp(30px,3vw,36px)}
.fm,.bx{padding:clamp(20px,4vw,36px)}.q{font-size:clamp(18px,2.4vw,24px)}summary{font-size:clamp(17px,2vw,22px)}.stats b{font-size:clamp(40px,min(7vw,12vh),84px)}
.g4{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}.cd{padding:clamp(20px,2.2vw,30px)}.cd.pc{padding:0}
@media(max-width:1100px){.ff{display:none}}
@media(max-width:920px){nav .btn{padding:8px 16px}.lk a{padding:12px 16px;font-size:16px}.hs0 .wrap{padding-top:70px}}
@media(max-width:600px){.ws{padding:12vh 0}.wrap{padding:0 5vw}.g4{gap:14px}.lh{max-width:100%}#hud{width:50vw;top:31vh}.lc{height:min(40vh,330px)!important}.tools input{min-width:100%}.cue{display:none}}
@media(max-height:620px) and (min-width:700px){.hs0 .sub{display:none}.hs0 .chip{margin-bottom:12px!important}}
@media(hover:none){#cg{display:none}}
@media(prefers-reduced-motion:reduce){.ai *,.icw:before,.cue i{animation:none!important}}

.rot.gt{background:none;-webkit-background-clip:border-box;background-clip:border-box;animation:none;color:inherit}
.rot span{background:var(--g);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rt 8s infinite,gs 7s linear infinite}
.hs0 .sub{color:#ece8f8;text-shadow:0 2px 16px #000c}
@media(max-width:1500px){.ff.xl{display:none}}
@media(max-width:600px){h1.hg{font-size:clamp(40px,12.5vw,64px)}}

/* === Focused visual update: Four Skills only + upgraded London loading screen === */
#p-home > section.ws:nth-of-type(2) .g4{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);align-items:center;perspective:1500px;isolation:isolate;position:relative}
#p-home > section.ws:nth-of-type(2) .g4:before{content:"";position:absolute;z-index:-2;left:50%;top:48%;width:min(65%,650px);height:115%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,#41dfff24 0%,#6b5dff12 30%,transparent 70%);filter:blur(20px);pointer-events:none}
#p-home > section.ws:nth-of-type(2) .g4>[data-px]{min-width:0;transform-style:preserve-3d;position:relative}
#p-home > section.ws:nth-of-type(2) .g4>[data-px]:nth-child(1){transform:perspective(1000px) rotateY(17deg) rotateZ(-2deg) translateY(12px)}
#p-home > section.ws:nth-of-type(2) .g4>[data-px]:nth-child(2){transform:perspective(1000px) rotateY(9deg) rotateZ(-1deg) translateY(-9px)}
#p-home > section.ws:nth-of-type(2) .g4>[data-px]:nth-child(3){transform:perspective(1000px) rotateY(-9deg) rotateZ(1deg) translateY(-9px)}
#p-home > section.ws:nth-of-type(2) .g4>[data-px]:nth-child(4){transform:perspective(1000px) rotateY(-17deg) rotateZ(2deg) translateY(12px)}
#p-home > section.ws:nth-of-type(2) .g4 .cd{height:clamp(280px,26vw,350px);min-height:0;box-sizing:border-box;padding:clamp(18px,2vw,28px);border-radius:22px;border:1px solid #91eaff4a;background:linear-gradient(145deg,#142343f5 0%,#090e20f7 72%,#101a32f7 100%);box-shadow:0 24px 32px -17px #000e,0 12px 0 -7px #0a1022,0 19px 0 -12px #1c3150,0 28px 44px #0008,inset 0 1px #ffffff25,inset 0 -1px #5ee7ff18;overflow:hidden;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s,border-color .4s;animation:lxSkillFloat 5.5s ease-in-out infinite;animation-delay:calc(var(--float-delay,0s))}
#p-home > section.ws:nth-of-type(2) .g4>[data-px]:nth-child(1) .cd{--float-delay:-1.2s;--glow:#45dfff}
#p-home > section.ws:nth-of-type(2) .g4>[data-px]:nth-child(2) .cd{--float-delay:-3.1s;--glow:#8b7cff}
#p-home > section.ws:nth-of-type(2) .g4>[data-px]:nth-child(3) .cd{--float-delay:-2.2s;--glow:#f5c76c}
#p-home > section.ws:nth-of-type(2) .g4>[data-px]:nth-child(4) .cd{--float-delay:-4s;--glow:#5ee0bf}
#p-home > section.ws:nth-of-type(2) .g4 .cd:before{content:"";position:absolute;inset:0;z-index:0;opacity:.8;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--glow) 23%,transparent),transparent 60%),linear-gradient(135deg,#ffffff0d,transparent 42%,#0003);pointer-events:none}
#p-home > section.ws:nth-of-type(2) .g4 .cd:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;border:1px solid #ffffff0b;box-shadow:inset 0 0 28px color-mix(in srgb,var(--glow) 8%,transparent);pointer-events:none}
#p-home > section.ws:nth-of-type(2) .g4 .cd .lcb{opacity:.22!important;filter:saturate(.85);transform:translateZ(8px) scale(1.06);transition:opacity .5s,transform .65s;mask-image:linear-gradient(#000 0%,transparent 85%)}
#p-home > section.ws:nth-of-type(2) .g4 .cd .icw{z-index:2;transform:translateZ(32px);border:1px solid color-mix(in srgb,var(--glow) 65%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--glow) 20%,transparent),#ffffff08);box-shadow:0 12px 28px #0007,inset 0 1px #ffffff3b,0 0 25px color-mix(in srgb,var(--glow) 15%,transparent)}
#p-home > section.ws:nth-of-type(2) .g4 .cd h3{position:relative;z-index:2;transform:translateZ(24px);font-size:clamp(19px,1.65vw,25px);margin-top:8px;text-shadow:0 4px 18px #000a}
#p-home > section.ws:nth-of-type(2) .g4 .cd p{position:relative;z-index:2;transform:translateZ(16px);font-size:clamp(13px,1vw,15px);line-height:1.6}
#p-home > section.ws:nth-of-type(2) .g4 .cd:hover{z-index:5;transform:translateY(-12px) translateZ(28px) scale(1.035);border-color:color-mix(in srgb,var(--glow) 85%,white);box-shadow:0 35px 48px -18px #000e,0 14px 0 -7px #0a1022,0 22px 0 -12px #1c3150,0 0 0 1px color-mix(in srgb,var(--glow) 28%,transparent),0 0 40px color-mix(in srgb,var(--glow) 22%,transparent),inset 0 1px #ffffff4a}
#p-home > section.ws:nth-of-type(2) .g4 .cd:hover .lcb{opacity:.34!important;transform:translateZ(12px) scale(1.12)}
@keyframes lxSkillFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
/* London loading screen: preserve the original loader, make it cinematic and calm. */
#ld{background:#050914;isolation:isolate;overflow:hidden;transition:opacity .65s ease,visibility 0s .7s}
#ld:before{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(180deg,#04081730 0%,#05091470 47%,#050914ed 100%),linear-gradient(90deg,#05091455,#05091400 50%,#05091455),url('https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?auto=format&fit=crop&w=2000&q=85');background-size:cover;background-position:center 44%;transform:scale(1.025);animation:lxLondonReveal 2s ease-out both}
#ld:after{content:"LONDON  ·  ENGLISH WITHOUT BORDERS";position:absolute;bottom:clamp(28px,7vh,70px);left:0;right:0;z-index:-1;text-align:center;font-size:clamp(10px,1.2vw,13px);font-weight:700;letter-spacing:.28em;color:#e9d6a5a8}
#ld .hv{height:50.5%;background:linear-gradient(135deg,#070d20eF,#101b34e8 52%,#33264ce8);backdrop-filter:blur(2px);transition:transform .95s cubic-bezier(.7,0,.2,1)}
#ld .hv:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,#ffffff10 48%,transparent 70%);pointer-events:none}
#lc{padding:clamp(25px,4vw,42px) clamp(30px,6vw,70px);min-width:min(82vw,390px);border:1px solid #ffffff25;border-radius:28px;background:linear-gradient(145deg,#0a132bd9,#080d1bd9);box-shadow:0 35px 100px #0009,inset 0 1px #ffffff20;backdrop-filter:blur(18px);animation:lxLoadCardIn .9s cubic-bezier(.2,.8,.2,1) both}
#lc svg{width:clamp(64px,9vw,92px);height:clamp(64px,9vw,92px);filter:drop-shadow(0 0 20px #5ec2b055)}
#lp{font-size:clamp(52px,10vw,94px);background:linear-gradient(100deg,#fff 8%,#f6d58e 46%,#5ec2b0 90%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;line-height:1.05}
#lw{color:#c7d7ee;letter-spacing:.24em;font-size:11px;margin-top:8px}
#lc:after{content:"";display:block;width:min(100%,250px);height:3px;margin:22px auto 0;border-radius:9px;background:linear-gradient(90deg,#5ec2b0,#f6d58e);transform-origin:left;animation:lxLoadLine 2.7s ease-in-out infinite;box-shadow:0 0 16px #5ec2b044}
#ld.off{opacity:0;visibility:hidden;transition:opacity .65s ease,visibility 0s .7s}
@keyframes lxLondonReveal{from{transform:scale(1.09);filter:brightness(.7)}to{transform:scale(1.025);filter:brightness(1)}}
@keyframes lxLoadCardIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes lxLoadLine{0%{transform:scaleX(.16);opacity:.55}55%{transform:scaleX(.85);opacity:1}100%{transform:scaleX(.32);opacity:.7}}
@media(max-width:900px){#p-home > section.ws:nth-of-type(2) .g4{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}#p-home > section.ws:nth-of-type(2) .g4>[data-px]:nth-child(1){transform:perspective(1000px) rotateY(9deg) translateY(5px)}#p-home > section.ws:nth-of-type(2) .g4>[data-px]:nth-child(2){transform:perspective(1000px) rotateY(-9deg) translateY(-5px)}#p-home > section.ws:nth-of-type(2) .g4>[data-px]:nth-child(3){transform:perspective(1000px) rotateY(9deg) translateY(-5px)}#p-home > section.ws:nth-of-type(2) .g4>[data-px]:nth-child(4){transform:perspective(1000px) rotateY(-9deg) translateY(5px)}}
@media(max-width:560px){#p-home > section.ws:nth-of-type(2) .g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#p-home > section.ws:nth-of-type(2) .g4 .cd{height:clamp(245px,70vw,300px);padding:16px 14px;border-radius:18px}#p-home > section.ws:nth-of-type(2) .g4 .cd .icw{width:52px;height:52px;border-radius:15px;margin-bottom:12px}#p-home > section.ws:nth-of-type(2) .g4 .cd h3{font-size:18px}#p-home > section.ws:nth-of-type(2) .g4 .cd p{font-size:12px}#lc{min-width:0;width:78vw;padding:26px 20px}#ld:before{background-position:58% center}}
@media(hover:none){#p-home > section.ws:nth-of-type(2) .g4 .cd:hover{transform:none}}
@media(prefers-reduced-motion:reduce){#p-home > section.ws:nth-of-type(2) .g4 .cd,#ld:before,#lc{animation:none!important}}


/* Stability patch: keep hover state on the untransformed wrapper, not the moving card. */
#p-home > section.ws:nth-of-type(2) .g4>[data-px]{z-index:0;transition:filter .35s ease;isolation:isolate}
#p-home > section.ws:nth-of-type(2) .g4>[data-px]:hover{z-index:6;filter:drop-shadow(0 18px 24px #0008)}
#p-home > section.ws:nth-of-type(2) .g4>[data-px]:hover .cd,
#p-home > section.ws:nth-of-type(2) .g4>[data-px]:focus-within .cd{transform:translateY(-8px) scale(1.018);border-color:color-mix(in srgb,var(--glow) 85%,white);box-shadow:0 32px 44px -16px #000e,0 14px 0 -7px #0a1022,0 22px 0 -12px #1c3150,0 0 0 1px color-mix(in srgb,var(--glow) 28%,transparent),0 0 36px color-mix(in srgb,var(--glow) 20%,transparent),inset 0 1px #ffffff4a}
#p-home > section.ws:nth-of-type(2) .g4 .cd:hover{transform:none;box-shadow:0 24px 32px -17px #000e,0 12px 0 -7px #0a1022,0 19px 0 -12px #1c3150,0 28px 44px #0008,inset 0 1px #ffffff25,inset 0 -1px #5ee7ff18;border-color:#91eaff4a}
#p-home > section.ws:nth-of-type(2) .g4 .cd:hover .lcb{opacity:.22!important;transform:translateZ(8px) scale(1.06)}
#p-home > section.ws:nth-of-type(2) .g4>[data-px]:hover .cd .lcb{opacity:.34!important;transform:translateZ(12px) scale(1.1)}
/* Premium loader without the rectangular panel: let the London photograph breathe. */
#ld{background:#040817;isolation:isolate;overflow:hidden}
#ld:before{background-image:linear-gradient(180deg,#03061518 0%,#03061545 38%,#030615b8 100%),linear-gradient(90deg,#03061550,transparent 48%,#03061550),url('https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?auto=format&fit=crop&w=2000&q=85');background-size:cover;background-position:center 48%;animation:lxLondonReveal 2.8s ease-out both}
#ld:after{content:"LONDON  ·  ENGLISH WITHOUT BORDERS";bottom:clamp(25px,6vh,58px);letter-spacing:.32em;text-shadow:0 2px 16px #000;opacity:.9}
#lc{min-width:0;width:min(90vw,460px);padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;animation:lxLoadCardIn 1s cubic-bezier(.2,.8,.2,1) both;display:flex;flex-direction:column;align-items:center}
#lc:before{content:"";position:absolute;z-index:-1;width:clamp(240px,48vw,420px);height:clamp(240px,48vw,420px);border-radius:50%;background:radial-gradient(circle,#12294ca8 0%,#0a142b60 38%,transparent 70%);filter:blur(10px);pointer-events:none}
#lc svg{width:clamp(74px,10vw,108px);height:clamp(74px,10vw,108px);filter:drop-shadow(0 0 14px #5ec2b0a0) drop-shadow(0 0 32px #f6d58e55);margin-bottom:16px}
#lp{font-size:clamp(60px,11vw,104px);font-weight:900;letter-spacing:-.045em;text-shadow:0 0 34px #58d9ff35}
#lw{font-size:clamp(10px,1.3vw,13px);letter-spacing:.3em;text-transform:uppercase;text-shadow:0 2px 12px #000;margin-top:14px}
#lc:after{width:min(62vw,280px);height:2px;margin:28px auto 0;background:linear-gradient(90deg,transparent,#5ec2b0,#f6d58e,#ffffff,transparent);box-shadow:0 0 20px #5ec2b077}
#ld .hv{height:50.5%;background:linear-gradient(180deg,#02051212,#02051225);backdrop-filter:none}
#ld .hv:after{background:linear-gradient(115deg,transparent 15%,#ffffff08 48%,transparent 70%)}
@media(max-width:560px){#lc{width:88vw;padding:0}#ld:before{background-position:56% center}#ld:after{font-size:9px;letter-spacing:.18em}}
@media(hover:none){#p-home > section.ws:nth-of-type(2) .g4>[data-px]:hover .cd{transform:none}}



/* ===== Extracted stylesheet section ===== */


#p-login .wrap.pt{box-sizing:border-box;min-height:calc(100svh - 76px);padding:96px 18px 28px;display:flex;align-items:center;justify-content:center}
#p-login .fm{box-sizing:border-box;width:min(100%,420px);max-width:420px;margin:0 auto;padding:clamp(20px,3vw,30px);border-radius:24px;max-height:calc(100svh - 110px);overflow-y:auto}
#p-login #at{font-size:clamp(25px,4vw,32px)!important;line-height:1.1;margin-bottom:18px}
#p-login label{display:block;font-size:14px;margin-top:4px}
#p-login .fm input{box-sizing:border-box;padding:12px 14px;margin:5px 0 10px}
#p-login .fm .sub{font-size:14px}
@media(max-width:600px){#p-login .wrap.pt{min-height:calc(100svh - 64px);padding:82px 14px 18px;align-items:flex-start}#p-login .fm{max-height:none;padding:20px;border-radius:20px}#p-login #at{font-size:27px!important}}


/* ===== Extracted stylesheet section ===== */


/* LEXORA refined animated authentication panel */
#p-login .wrap.pt{min-height:calc(100svh - 100px);display:grid;place-items:center;padding:clamp(84px,11vh,130px) 18px 42px}
#p-login .fm{position:relative;isolation:isolate;width:min(100%,430px);max-width:430px;margin:0 auto;padding:clamp(22px,4vw,36px);border:1px solid rgba(190,164,255,.28);border-radius:28px;background:linear-gradient(145deg,rgba(24,16,48,.91),rgba(10,9,24,.92));box-shadow:0 25px 90px rgba(40,13,76,.38),inset 0 1px rgba(255,255,255,.09);backdrop-filter:blur(24px);animation:lxAuthIn .75s cubic-bezier(.2,.8,.2,1) both;overflow:hidden}
#p-login .fm:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(125deg,#bda4ff,#4fdac9,#e9b44c,#bda4ff);background-size:300% 300%;animation:lxAuthBorder 8s ease infinite;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:-1}
#p-login .fm:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(158,105,255,.18),transparent 68%);top:-110px;right:-80px;z-index:-1;animation:lxAuthGlow 7s ease-in-out infinite alternate;pointer-events:none}
#p-login #at{font-size:clamp(27px,4vw,36px)!important;line-height:1.12;margin:0 0 22px;letter-spacing:-.035em}
#p-login .fm label{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--mu);margin:3px 0}
#p-login .fm input{box-sizing:border-box;padding:12px 14px;margin:5px 0 12px;border-radius:12px;transition:border-color .25s,box-shadow .25s,transform .25s}
#p-login .fm input:focus{outline:none;border-color:#bda4ff;box-shadow:0 0 0 4px rgba(189,164,255,.12);transform:translateY(-1px)}
#p-login .lx-auth-submit{margin-top:5px;box-shadow:0 10px 28px rgba(200,16,46,.2)}
.lx-auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0 14px;color:var(--mu);font-size:10px;letter-spacing:.16em;white-space:nowrap}.lx-auth-divider:before,.lx-auth-divider:after{content:"";height:1px;flex:1;background:var(--bd)}
.lx-socials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lx-social{min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 6px;border:1px solid var(--bd);border-radius:12px;background:rgba(255,255,255,.045);color:var(--tx);font:600 12px/1.2 inherit;cursor:pointer;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}
.lx-social:hover{transform:translateY(-3px);border-color:rgba(189,164,255,.75);background:rgba(189,164,255,.09);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.lx-google-mark,.lx-apple-mark,.lx-facebook-mark{display:inline-grid;place-items:center;width:20px;height:20px;font-size:18px;font-weight:800;flex:0 0 20px}.lx-google-mark{font-family:Arial,sans-serif;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75%);background-clip:text;-webkit-background-clip:text;color:transparent}.lx-apple-mark{font-size:19px;color:currentColor}.lx-apple-mark:after{content:""}.lx-facebook-mark{font-family:Arial,sans-serif;color:#6ea7ff;font-size:23px}
#lxSocialMessage{margin-top:8px;min-height:0;font-size:12px;line-height:1.5}
@keyframes lxAuthIn{from{opacity:0;transform:translateY(22px) scale(.975);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes lxAuthBorder{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes lxAuthGlow{to{transform:translate(-24px,35px) scale(1.25)}}
@media(max-width:480px){#p-login .wrap.pt{padding:84px 12px 28px}#p-login .fm{padding:22px 18px;border-radius:22px}.lx-social{flex-direction:column;gap:5px;padding:9px 4px;font-size:11px}.lx-socials{gap:6px}}
@media(prefers-reduced-motion:reduce){#p-login .fm,#p-login .fm:before,#p-login .fm:after{animation:none!important}.lx-social,#p-login .fm input{transition:none!important}}


/* ===== Extracted stylesheet section ===== */


/* Compact auth card: keep social sign-in visible without page scrolling */
#p-login, #p-login * { box-sizing: border-box; }
#p-login .wrap.pt {
  width:100%; min-width:0; min-height:calc(100svh - 68px);
  padding:clamp(74px,8vh,92px) 14px 18px;
  display:flex; align-items:center; justify-content:center;
}
#p-login .fm, #p-login .lx-auth-card {
  width:min(100%,440px); max-width:440px; min-width:0;
  height:auto; min-height:0; max-height:none; overflow:visible;
  margin:0 auto; padding:22px 24px 17px; border-radius:23px;
  transform-origin:50% 45%; will-change:transform,opacity,filter;
}
#p-login .lx-auth-tabs {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px; width:100%; padding:4px; margin:0 0 13px;
  border:1px solid rgba(255,255,255,.12); border-radius:13px;
  background:rgba(255,255,255,.045);
}
#p-login .lx-auth-tab {
  appearance:none; display:flex; align-items:center; justify-content:center;
  width:100%; min-width:0; min-height:37px; padding:7px 5px;
  border:1px solid transparent; border-radius:9px; cursor:pointer;
  color:var(--mu); background:transparent;
  font:600 12px/1.15 "Space Grotesk",system-ui,sans-serif;
  white-space:normal; overflow-wrap:anywhere;
  transition:color .2s,background .2s,border-color .2s,box-shadow .2s;
}
#p-login .lx-auth-tab.active {
  color:#fff; border-color:rgba(189,164,255,.34);
  background:linear-gradient(115deg,rgba(130,91,220,.34),rgba(63,193,174,.13));
  box-shadow:0 3px 12px rgba(0,0,0,.14);
}
#p-login #at { margin:0 0 12px !important; font-size:clamp(23px,3vw,30px) !important; line-height:1.12; }
#p-login label { display:block; margin:9px 0 5px; font-size:12px; line-height:1.2; }
#p-login #nmw, #p-login #nmw input, #p-login #em, #p-login #pw,
#p-login .lx-auth-submit { display:block; width:100%; min-width:0; }
#p-login #nmw input, #p-login #em, #p-login #pw {
  min-height:39px; height:39px; padding:8px 11px; font-size:14px;
  border-radius:10px;
}
#p-login .lx-auth-submit {
  min-height:42px; margin-top:11px; padding:10px 12px;
  font-size:13px; line-height:1.15; white-space:normal; overflow-wrap:anywhere;
}
#p-login .lx-auth-divider {
  display:flex; align-items:center; justify-content:center; gap:9px;
  margin:13px 0 9px; font-size:9px; line-height:1.2; letter-spacing:.12em;
}
#p-login .lx-auth-divider:before, #p-login .lx-auth-divider:after {
  content:""; height:1px; flex:1; background:rgba(255,255,255,.13);
}
#p-login .lx-socials {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch; gap:7px; width:100%; min-width:0;
}
#p-login .lx-social {
  appearance:none; box-sizing:border-box; width:100%; min-width:0;
  min-height:40px; height:auto; display:flex; flex-direction:row;
  align-items:center; justify-content:center; gap:5px; padding:7px 4px;
  border-radius:10px; font:600 11px/1.1 "Space Grotesk",system-ui,sans-serif;
  white-space:normal; overflow-wrap:anywhere; word-break:normal;
}
#p-login .lx-social > span { min-width:0; }
#p-login .lx-google-mark, #p-login .lx-apple-mark, #p-login .lx-facebook-mark {
  width:18px; height:20px; flex:0 0 18px;
  display:inline-flex; align-items:center; justify-content:center;
  line-height:1; font-style:normal; font-weight:700;
}
#p-login .lx-google-mark { font-size:18px; }
#p-login .lx-apple-mark { font-family:Arial,sans-serif; font-size:20px; }
#p-login .lx-facebook-mark { font-family:Arial,sans-serif; font-size:22px; }
#p-login #lxSocialMessage { margin:4px 0 0; font-size:11px; line-height:1.25; }
#p-login #aswap {
  display:inline-block; padding:5px 3px; line-height:1.3; font-size:12px;
}
#p-login .lx-auth-card.lx-auth-switching {
  animation:lxAuthCinematic .56s cubic-bezier(.2,.82,.2,1) both;
}
#p-login .lx-auth-card.lx-auth-switching > * {
  animation:lxAuthContentReveal .44s cubic-bezier(.2,.8,.2,1) both;
}
#p-login .lx-auth-card.lx-auth-switching > *:nth-child(1) { animation-delay:35ms; }
#p-login .lx-auth-card.lx-auth-switching > *:nth-child(2) { animation-delay:65ms; }
#p-login .lx-auth-card.lx-auth-switching > *:nth-child(3) { animation-delay:90ms; }
#p-login .lx-auth-card.lx-auth-switching > *:nth-child(4) { animation-delay:115ms; }
@keyframes lxAuthCinematic {
  0% { opacity:.76; transform:perspective(900px) translateY(9px) scale(.975) rotateX(1.2deg); filter:blur(2px); }
  58% { opacity:1; transform:perspective(900px) translateY(-1px) scale(1.004) rotateX(0); filter:blur(0); }
  100% { opacity:1; transform:perspective(900px) translateY(0) scale(1) rotateX(0); filter:blur(0); }
}
@keyframes lxAuthContentReveal {
  from { opacity:.45; transform:translateY(5px); }
  to { opacity:1; transform:translateY(0); }
}
#p-login .lx-auth-tab:focus-visible, #p-login .lx-social:focus-visible,
#p-login .lx-auth-submit:focus-visible { outline:2px solid #bda4ff; outline-offset:2px; }
@media (max-width:520px) {
  #p-login .wrap.pt { min-height:calc(100svh - 58px); padding:70px 10px 12px; align-items:center; }
  #p-login .fm, #p-login .lx-auth-card { width:min(100%,390px); padding:18px 15px 13px; border-radius:20px; }
  #p-login .lx-auth-tabs { margin-bottom:11px; }
  #p-login #at { margin-bottom:10px !important; font-size:25px !important; }
  #p-login label { margin:8px 0 4px; font-size:11px; }
  #p-login #nmw input, #p-login #em, #p-login #pw { min-height:36px; height:36px; padding:7px 10px; font-size:13px; }
  #p-login .lx-auth-submit { min-height:39px; margin-top:9px; }
  #p-login .lx-auth-divider { margin:11px 0 8px; font-size:8px; }
  #p-login .lx-socials { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
  #p-login .lx-social { min-height:38px; padding:6px 2px; gap:3px; font-size:10px; }
  #p-login .lx-google-mark, #p-login .lx-apple-mark, #p-login .lx-facebook-mark { width:16px; flex-basis:16px; }
  #p-login .lx-google-mark { font-size:16px; }
  #p-login .lx-apple-mark { font-size:18px; }
  #p-login .lx-facebook-mark { font-size:20px; }
  #p-login #aswap { font-size:11px; }
}
@media (max-width:350px) {
  #p-login .fm, #p-login .lx-auth-card { padding:15px 11px 11px; }
  #p-login .lx-social { font-size:9px; gap:2px; }
  #p-login .lx-google-mark, #p-login .lx-apple-mark, #p-login .lx-facebook-mark { width:14px; flex-basis:14px; }
}
@media (max-height:700px) {
  #p-login .wrap.pt { align-items:flex-start; padding-top:72px; padding-bottom:10px; }
  #p-login .fm, #p-login .lx-auth-card { padding-top:14px; padding-bottom:10px; }
  #p-login .lx-auth-tabs { margin-bottom:8px; }
  #p-login #at { margin-bottom:7px !important; }
  #p-login label { margin-top:6px; }
  #p-login #nmw input, #p-login #em, #p-login #pw { min-height:33px; height:33px; }
  #p-login .lx-auth-submit { min-height:36px; margin-top:7px; }
  #p-login .lx-auth-divider { margin:8px 0 6px; }
  #p-login .lx-social { min-height:34px; }
  #p-login #aswap { margin:5px 0 0; }
}
@media (prefers-reduced-motion:reduce) {
  #p-login .lx-auth-card.lx-auth-switching,
  #p-login .lx-auth-card.lx-auth-switching > * { animation:none !important; }
  #p-login .lx-auth-tab, #p-login .lx-social { transition:none !important; }
}


/* ===== Extracted stylesheet section ===== */

.lx-panel{border:1px solid var(--line,rgba(255,255,255,.12));border-radius:20px;padding:22px;margin:18px 0;background:rgba(255,255,255,.025)}.lx-skill{margin:14px 0}.lx-track{height:9px;border-radius:99px;background:rgba(160,150,200,.18);overflow:hidden;margin-top:7px}.lx-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#9b82ff,#58d7d0);transition:width .5s}
.lx-danger{border-color:rgba(255,90,120,.5)!important;color:#ff9bad!important}.lx-danger:hover{background:rgba(255,70,100,.12)!important}
/* LEXORA account UX repair: responsive auth, visible sign-in/sign-up tabs and social providers */
#p-login .wrap.pt{width:min(100% - 28px, 1120px);margin-inline:auto;padding-top:clamp(24px,5vh,58px);padding-bottom:48px}
#p-login .lx-auth-card{width:100%;max-width:520px;margin:0 auto;padding:clamp(18px,3.4vw,34px);border:1px solid rgba(255,255,255,.16);border-radius:26px;background:linear-gradient(145deg,rgba(19,20,39,.92),rgba(10,12,24,.88));box-shadow:0 24px 90px rgba(0,0,0,.34);backdrop-filter:blur(18px);animation:lxAuthCardIn .65s cubic-bezier(.2,.75,.25,1) both;position:relative;isolation:isolate}
#p-login .lx-auth-card:before{content:"";position:absolute;inset:-1px;padding:1px;border-radius:27px;background:linear-gradient(135deg,rgba(246,213,142,.65),rgba(189,164,255,.45),rgba(94,194,176,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}
@keyframes lxAuthCardIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
#p-login .lx-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin-bottom:22px;border:1px solid var(--bd);border-radius:14px;background:rgba(255,255,255,.045)}
#p-login .lx-auth-tab{min-width:0;padding:12px 10px;border:0;border-radius:10px;background:transparent;color:var(--mu);font:600 14px/1.2 "Space Grotesk",system-ui,sans-serif;transition:background .2s,color .2s,transform .2s}
#p-login .lx-auth-tab.active{background:linear-gradient(100deg,#f6d58e,#e9b44c 45%,#5ec2b0);color:#15131b;box-shadow:0 5px 20px rgba(233,180,76,.15)}
#p-login .lx-auth-tab:focus-visible,#p-login .lx-social:focus-visible{outline:2px solid #bda4ff;outline-offset:3px}
#p-login .lx-auth-card label{display:block;font-size:13px;font-weight:600;margin-top:10px;color:#e6e4f2}
#p-login .fm input{min-width:0;max-width:100%;font-size:16px}
#p-login .lx-auth-divider{margin:18px 0 14px;white-space:normal;text-align:center;font-size:clamp(9px,1.8vw,10px)}
#p-login .lx-socials{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
#p-login .lx-social{min-height:48px;padding:10px 8px;gap:8px;font:600 13px/1.2 "Space Grotesk",system-ui,sans-serif;white-space:nowrap;overflow:visible;justify-content:center}
#p-login .lx-google-mark,#p-login .lx-apple-mark,#p-login .lx-facebook-mark{width:22px;height:22px;flex-basis:22px;font-size:21px}
#p-login .lx-apple-mark{font-family:Arial,sans-serif;font-size:22px}
#p-login .lx-facebook-mark{font-size:25px}
#p-login #aswap{display:inline-block;padding:8px 4px;font-weight:700}
#p-login .lx-social:hover{transform:translateY(-2px) scale(1.01)}
@media(max-width:520px){#p-login .wrap.pt{width:calc(100% - 24px);padding-top:18px}#p-login .lx-auth-card{padding:18px 15px;border-radius:20px}#p-login .lx-socials{grid-template-columns:1fr;gap:8px}#p-login .lx-social{justify-content:center;min-height:44px;font-size:14px}#p-login .lx-auth-divider{margin:14px 0 10px}#p-login .lx-auth-card h2{margin-top:10px;margin-bottom:18px}}
@media(min-width:521px) and (max-width:760px){#p-login .lx-socials{gap:6px}#p-login .lx-social{font-size:12px;padding-inline:4px}}

/* ===== LEXORA: course playlist page + video page (inside the site) ===== */
.ply-wrap{padding-bottom:clamp(60px,10vh,120px)}
.ply-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(22px,4vw,56px);align-items:center;margin:26px 0 clamp(36px,6vh,64px)}
.ply-cover{position:relative;aspect-ratio:16/10;border-radius:30px;overflow:hidden;border:1px solid var(--bd);box-shadow:0 40px 110px #000b,0 0 0 1px #e9b44c33}
.ply-cover i{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.ply-cover:hover i{transform:scale(1.07)}
.ply-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#05070fcc),linear-gradient(135deg,#e9b44c1f,transparent 50%)}
.ply-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.ply-tags .chip{cursor:default}.ply-tags .chip:hover{background:var(--bg2);color:var(--tx);border-color:var(--bd)}
h1.ply-h1{font-size:clamp(34px,min(5.4vw,10vh),78px);line-height:1;margin-bottom:18px}
.ply-meta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 26px}
.ply-meta span{border:1px solid var(--bd);background:var(--bg2);border-radius:40px;padding:9px 18px;color:var(--mu);font-size:14px;backdrop-filter:blur(10px)}
.ply-meta b{font-family:Syne;font-size:18px;margin-right:4px}
.ply-cta{margin:0;display:flex;flex-wrap:wrap;gap:10px}
.ply-title{font-size:clamp(26px,3.4vw,40px);margin:0 0 20px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.ply-title span,.vp-side h3 span{font-family:"Space Grotesk",sans-serif;font-size:14px;font-weight:600;color:var(--mu)}
.ply-list{display:grid;gap:14px}
.ply-row{display:grid;grid-template-columns:48px clamp(120px,18vw,210px) minmax(0,1fr) auto;gap:clamp(12px,2vw,26px);align-items:center;padding:14px clamp(14px,2vw,26px) 14px 16px;border-radius:24px;border:1px solid var(--bd);background:#0b1226b8;backdrop-filter:blur(14px);color:var(--tx);text-decoration:none;position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .4s}
.ply-row:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,#e9b44c14,transparent);transform:translateX(-100%);transition:transform .8s;pointer-events:none}
.ply-row:hover{transform:translateY(-4px);border-color:#e9b44c;box-shadow:0 24px 70px #000a,0 0 0 1px #e9b44c55}
.ply-row:hover:before{transform:translateX(100%)}
.ply-n{font-size:clamp(22px,2.4vw,32px);text-align:center;line-height:1}
.ply-th{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--bd);background:#0a1124}
.ply-th>i:first-child{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.ply-th:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#05070fb0)}
.ply-row:hover .ply-th>i:first-child,.vp-item:hover .ply-th>i:first-child{transform:scale(1.12)}
.ply-pl{position:absolute;z-index:2;left:50%;top:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;display:grid;place-items:center;background:#05070f99;border:1px solid #f6d58e88;backdrop-filter:blur(8px);transition:transform .3s,background .3s}
.ply-row:hover .ply-pl,.vp-item:hover .ply-pl{transform:scale(1.14);background:var(--g)}
.vp-tri{display:block;width:14px;height:16px;background:#f6d58e;clip-path:polygon(0 0,100% 50%,0 100%);margin-left:3px;transition:background .3s}
.ply-row:hover .vp-tri,.vp-item:hover .vp-tri{background:#1a1204}
.ply-tx{min-width:0}.ply-tx h3{font-family:Syne;font-size:clamp(17px,1.9vw,24px);margin:0 0 6px;line-height:1.2}
.ply-tx p{margin:0;color:var(--mu);font-size:clamp(13px,.9vw + 4px,15px);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ply-end{display:flex;flex-direction:column;align-items:flex-end;gap:8px;white-space:nowrap}
.ply-dur,.ply-soon{font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;border:1px solid var(--bd);color:var(--mu)}
.ply-soon{color:#f6d58e;border-color:#e9b44c66}

.vp-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,28vw,380px);gap:clamp(20px,3vw,40px);align-items:start;margin-top:22px}
.vp-frame{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#000;border:1px solid var(--bd);box-shadow:0 50px 140px #000c,0 0 0 1px #e9b44c33}
.vp-frame iframe,.vp-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.vp-soon{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px}
.vp-soon>i{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(6px) brightness(.45) saturate(1.2);transform:scale(1.08)}
.vp-soon>div{position:relative;z-index:1}.vp-soon h3{font-family:Syne;font-size:clamp(20px,3vw,34px);margin:14px 0 6px}.vp-soon p{margin:0;color:var(--mu)}
.vp-soon .vp-tri{width:26px;height:30px;margin:0 auto;background:var(--g)}
.vp-head{margin:26px 0 20px}
h1.vp-h1{font-size:clamp(28px,min(4.2vw,8vh),58px);line-height:1.02;margin-bottom:14px}
.vp-head .sub{margin:0}
.vp-nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
.vp-side{border:1px solid var(--bd);border-radius:26px;background:#0b1226b8;backdrop-filter:blur(14px);padding:20px;position:sticky;top:calc(96px + env(safe-area-inset-top,0px))}
.vp-side h3{font-size:22px;margin:0 0 14px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.vp-list{display:grid;gap:10px;max-height:min(62vh,640px);overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#e9b44c66 transparent}
.vp-item{display:grid;grid-template-columns:26px 96px minmax(0,1fr);gap:12px;align-items:center;padding:9px 10px;border-radius:16px;border:1px solid transparent;color:var(--tx);text-decoration:none;transition:background .25s,border-color .25s}
.vp-item:hover{background:#ffffff0d}
.vp-item.on{background:linear-gradient(100deg,#e9b44c26,#5ec2b01a);border-color:#e9b44c88}
.vp-item .ply-n{font-size:15px;color:var(--mu)}.vp-item.on .ply-n{color:#f6d58e}
.vp-item .ply-th{border-radius:11px}.vp-item .ply-pl{width:28px;height:28px;margin:-14px 0 0 -14px}.vp-item .vp-tri{width:9px;height:11px;margin-left:2px}
.vp-item h4{margin:0 0 3px;font-size:14px;line-height:1.3;font-weight:700}.vp-item small{color:var(--mu);font-size:12px}

@media(max-width:980px){.ply-hero{grid-template-columns:1fr}.vp-grid{grid-template-columns:1fr}.vp-side{position:static}.vp-list{max-height:none}}
@media(max-width:640px){
 .ply-row{grid-template-columns:30px 104px minmax(0,1fr);gap:12px;padding:12px}
 .ply-end{display:none}.ply-n{font-size:20px}.ply-pl{width:32px;height:32px;margin:-16px 0 0 -16px}
 .ply-tx p{-webkit-line-clamp:1}
 .vp-frame{border-radius:20px}.vp-nav .btn{flex:1;text-align:center}
}

.ply-dur:empty{display:none}

/* ===== Arabic subtitles ===== */
.vp-cc{position:absolute;z-index:5;left:50%;bottom:clamp(44px,9%,72px);transform:translateX(-50%);max-width:88%;padding:8px 18px;border-radius:12px;background:#05070fcc;border:1px solid #e9b44c44;backdrop-filter:blur(6px);color:#fff;text-align:center;font:600 clamp(15px,2.2vw,26px)/1.55 "Space Grotesk",system-ui,"Segoe UI",Tahoma,sans-serif;pointer-events:none;display:none;white-space:pre-line;text-shadow:0 2px 8px #000}
.vp-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.vp-tools .chip{cursor:pointer;background:var(--bg2)}.vp-tools .chip.on{background:var(--g);color:#1a1204;border-color:transparent}
.vp-frame:fullscreen{border-radius:0;border:0;width:100vw;height:100vh;aspect-ratio:auto}
.vp-frame:fullscreen .vp-cc{bottom:9%;font-size:clamp(20px,2.6vw,40px)}

/* in-player controls */
.vp-ctl{position:absolute;z-index:7;top:12px;right:12px;display:flex;gap:8px}
.vp-ctl button{border:1px solid #ffffff40;background:#05070fb3;color:#fff;backdrop-filter:blur(8px);border-radius:30px;padding:8px 14px;font:700 13px "Space Grotesk",system-ui,sans-serif;cursor:pointer;opacity:.78;transition:.2s}
.vp-ctl button:hover{opacity:1;border-color:#e9b44c}
.vp-ctl button.on{background:var(--g);color:#1a1204;border-color:transparent;opacity:1}
.vp-ctl button.off,.vp-ctl button.nosub{background:#05070fb3;color:#fffc}
.vp-note{position:absolute;z-index:7;top:56px;right:12px;max-width:80%;padding:9px 16px;border-radius:12px;background:#05070fe6;border:1px solid #e9b44c66;color:#f6d58e;font:600 14px/1.5 "Space Grotesk",system-ui,Tahoma,sans-serif;opacity:0;transform:translateY(-6px);transition:.25s;pointer-events:none}
.vp-note.show{opacity:1;transform:none}