/*
Theme Name: Astra View AI — CGI Space
Theme URI: https://astraview.ai/
Author: AstraView
Description: Astra View AI interactive CGI space site with a 150-mission game, evolving weapons, colossal space monsters, rewards and immersive sound.
Version: 11.0.0
Text Domain: astraview-motion
*/
:root{--bg:#020207;--bg2:#070714;--ink:#f8f7ff;--muted:#9a98aa;--violet:#8c5cff;--violet2:#c49cff;--cyan:#58e7ff;--pink:#ff55e8;--line:rgba(255,255,255,.13);--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--ink);background:var(--bg);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.space-noise{position:fixed;inset:0;pointer-events:none;z-index:-10;background:radial-gradient(circle at 50% -10%,#1b0e42 0,transparent 34%),linear-gradient(#020207,#04030a 70%,#020207)}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 56px));margin:auto}.nav{position:fixed;z-index:1000;top:18px;left:0;right:0}.nav-wrap{height:70px;padding:0 13px 0 22px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(5,4,13,.58);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 15px 70px rgba(0,0,0,.42)}.brand{font-size:17px;font-weight:900;letter-spacing:.18em;white-space:nowrap}.brand>span:not(.brand-mark){color:var(--violet2)}.brand small{font-size:8px;margin-left:5px;color:#77738b;vertical-align:top}.brand-mark{color:var(--cyan);text-shadow:0 0 18px var(--cyan);margin-right:7px}.nav-links{display:flex;gap:32px;color:#c7c3d5;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.nav-links a{transition:.25s}.nav-links a:hover{color:white;text-shadow:0 0 16px var(--violet2)}.nav-contact{display:flex;align-items:center;gap:18px;padding:13px 16px 13px 20px;border-radius:999px;background:#f8f7ff;color:#090811;font-size:11px;font-weight:900;letter-spacing:.12em}.nav-contact b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#0c0a16;color:white}
.cosmos-hero{min-height:100svh;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;padding:150px 0 90px}.cosmos-hero:before{content:"";position:absolute;inset:0;z-index:-7;background:radial-gradient(circle at 63% 45%,rgba(114,57,255,.13),transparent 23%),radial-gradient(circle at 40% 65%,rgba(45,186,255,.08),transparent 25%),linear-gradient(180deg,#030208 0%,#05030e 60%,#020207 100%)}#star-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-5}.aurora{position:absolute;filter:blur(80px);opacity:.25;mix-blend-mode:screen;z-index:-4;animation:aurora 10s ease-in-out infinite alternate}.aurora-a{width:55vw;height:24vw;right:-10vw;top:14vh;background:linear-gradient(90deg,transparent,var(--violet),var(--cyan),transparent);transform:rotate(-18deg)}.aurora-b{width:45vw;height:20vw;left:-12vw;bottom:8vh;background:linear-gradient(90deg,transparent,var(--pink),var(--violet),transparent);transform:rotate(20deg);animation-delay:-4s}.hero-stage{position:relative;z-index:8}.hero-copy{width:min(780px,65vw);position:relative}.signal{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;color:#aaa4bb;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:11px}.signal span{width:7px;height:7px;border-radius:50%;background:#72ffbb;box-shadow:0 0 16px #72ffbb;animation:pulse 1.3s ease-in-out infinite}.hero-copy h1{margin:25px 0 28px;font-size:clamp(66px,8.6vw,142px);line-height:.78;letter-spacing:-.075em;text-transform:uppercase;font-weight:900}.hero-copy h1 span,.hero-copy h1 strong{display:block}.hero-copy h1 span:first-child{font-size:.46em;letter-spacing:-.03em;margin-bottom:.14em;color:#c9c6d3;font-weight:700}.hero-copy h1 strong{font-weight:900;background:linear-gradient(92deg,#fff 2%,#d9c8ff 35%,#8c5cff 64%,#58e7ff 100%);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(140,92,255,.18))}.hero-copy h1 span:last-child{font-size:.45em;letter-spacing:-.028em;margin-top:.18em;color:#fff}.hero-copy p{width:min(620px,100%);font-size:17px;line-height:1.75;color:#9f9aac;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.btn-primary{display:inline-flex;align-items:center;gap:28px;padding:17px 20px 17px 23px;border-radius:7px;background:linear-gradient(100deg,#fff,#d8ccff);color:#080710;font-weight:900;font-size:11px;letter-spacing:.16em;box-shadow:0 0 40px rgba(177,145,255,.17);transition:.3s}.btn-primary b{font-size:17px}.btn-primary:hover{box-shadow:0 0 55px rgba(140,92,255,.42);transform:translateY(-2px)}.btn-orbit{width:68px;height:68px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;position:relative;font-size:9px;letter-spacing:.1em;color:#aaa}.btn-orbit span{position:absolute;top:17px}.btn-orbit i{position:absolute;bottom:12px;font-style:normal}.hero-meta{display:flex;gap:38px;margin-top:54px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);width:min(640px,100%)}.hero-meta div{display:flex;gap:9px;align-items:center}.hero-meta b{font-size:19px;color:white}.hero-meta span{font-size:10px;color:#777487;text-transform:uppercase;letter-spacing:.1em;line-height:1.4}.portal{position:absolute;width:min(62vw,900px);aspect-ratio:1;right:-16vw;top:50%;transform:translateY(-50%);z-index:1;filter:drop-shadow(0 0 50px rgba(120,80,255,.18));animation:portalFloat 8s ease-in-out infinite alternate}.portal:before,.portal:after,.portal i{content:"";position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(190,165,255,.23);box-shadow:inset 0 0 30px rgba(140,92,255,.18),0 0 30px rgba(88,231,255,.08);animation:spin 18s linear infinite}.portal:after{inset:18%;border-width:2px;border-top-color:rgba(88,231,255,.8);border-right-color:transparent;border-bottom-color:rgba(255,85,232,.4);animation-duration:11s;animation-direction:reverse}.portal i:nth-child(1){inset:4%;border-style:dashed;border-color:rgba(255,255,255,.13);animation-duration:34s}.portal i:nth-child(2){inset:25%;border-width:10px;border-color:rgba(140,92,255,.08);box-shadow:0 0 80px rgba(140,92,255,.23),inset 0 0 80px rgba(88,231,255,.12);animation-duration:8s}.portal i:nth-child(3){inset:33%;border-width:1px;border-color:rgba(88,231,255,.34);animation-duration:5s}.portal i:nth-child(4){inset:41%;border-width:18px;border-color:rgba(255,255,255,.025);box-shadow:0 0 100px rgba(121,66,255,.3);animation-duration:14s}.portal-core{position:absolute;inset:44%;border-radius:50%;background:radial-gradient(circle,#fff 0 3%,#b8a4ff 8%,#6d36ff 18%,rgba(82,42,207,.6) 35%,rgba(5,3,20,.3) 70%);box-shadow:0 0 80px #7c4aff,0 0 160px rgba(88,231,255,.32);animation:corePulse 2.7s ease-in-out infinite alternate}.titan{position:absolute;width:min(26vw,390px);aspect-ratio:1;right:4vw;bottom:-10vw;border-radius:50%;z-index:3;background:radial-gradient(circle at 31% 24%,#e6d8ff 0 2%,#6d54af 12%,#2f2159 32%,#110c22 59%,#05050a 75%);box-shadow:inset -45px -35px 70px #020207,0 0 80px rgba(104,68,255,.28);animation:planetFloat 7s ease-in-out infinite alternate}.titan:before{content:"";position:absolute;inset:13% 28% 62% 18%;border-radius:50%;background:rgba(255,255,255,.16);filter:blur(20px)}.ring{position:absolute;left:-38%;right:-38%;top:46%;height:13%;border:1px solid rgba(218,204,255,.52);border-left-color:rgba(255,255,255,.06);border-right-color:rgba(255,255,255,.1);border-radius:50%;transform:rotate(-17deg)}.r2{top:48%;transform:rotate(-17deg) scale(.84);opacity:.32}.moon{position:absolute;border-radius:50%;z-index:2;box-shadow:inset -15px -12px 22px rgba(0,0,0,.75),0 0 30px rgba(170,150,255,.16)}.moon-a{width:38px;height:38px;right:37vw;top:25%;background:#8a79aa}.moon-b{width:18px;height:18px;right:31vw;top:19%;background:#b4a5d4}.scroll-beam{position:absolute;bottom:0;left:50%;width:1px;height:95px;background:linear-gradient(transparent,rgba(255,255,255,.3));z-index:8}.scroll-beam span{position:absolute;width:5px;height:5px;border-radius:50%;background:white;left:-2px;top:0;box-shadow:0 0 12px white;animation:beamDrop 2s ease-in-out infinite}
.marquee-wrap{overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#05040b}.marquee{white-space:nowrap;font-size:clamp(34px,5vw,70px);line-height:1;padding:22px 0;font-weight:900;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.25);width:max-content;animation:marquee 24s linear infinite}.marquee i{font-style:normal;color:var(--violet);-webkit-text-stroke:0;margin:0 22px;text-shadow:0 0 20px var(--violet)}
.section{padding:150px 0}.services-space{position:relative;background:radial-gradient(circle at 15% 40%,rgba(97,55,190,.1),transparent 24%),#030208}.section-intro{display:grid;grid-template-columns:170px 1fr .65fr;align-items:end;gap:28px;margin-bottom:62px}.section-code{font-size:10px;letter-spacing:.2em;color:#8d869d;text-transform:uppercase}.section-intro h2,.work-head h2,.academy-panel h2,.contact-copy h2{font-size:clamp(55px,7vw,110px);line-height:.88;letter-spacing:-.065em;text-transform:uppercase;margin:0}.section-intro h2 em,.work-head h2 em,.academy-panel h2 em,.contact-copy h2 em{font-style:normal;color:var(--violet2);text-shadow:0 0 35px rgba(157,115,255,.16)}.section-intro>p{margin:0;color:var(--muted);line-height:1.75;font-size:14px}.service-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.service-card{position:relative;min-height:410px;border:1px solid rgba(255,255,255,.11);border-radius:4px;padding:28px;overflow:hidden;background:linear-gradient(140deg,rgba(255,255,255,.05),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 90px rgba(0,0,0,.22);transition:border-color .3s,box-shadow .3s}.service-card.giant{grid-row:span 2;min-height:840px}.service-card:hover{border-color:rgba(169,132,255,.45);box-shadow:0 30px 100px rgba(78,39,167,.18)}.service-no{font-size:10px;color:#686476;letter-spacing:.15em}.service-icon{position:absolute;right:28px;top:22px;font-size:27px;color:#b99bff;text-shadow:0 0 18px rgba(185,155,255,.6)}.service-card h3{position:absolute;left:28px;right:28px;bottom:108px;font-size:clamp(28px,3vw,48px);letter-spacing:-.04em;margin:0}.service-card p{position:absolute;left:28px;right:28px;bottom:50px;max-width:540px;color:#9691a3;line-height:1.6;font-size:13px;margin:0}.chips{position:absolute;bottom:20px;left:28px;display:flex;gap:7px}.chips span{font-size:8px;letter-spacing:.14em;padding:6px 8px;border:1px solid rgba(255,255,255,.1);color:#777283}.service-orb{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);border-radius:50%}.video-orb{width:410px;height:410px;background:conic-gradient(from 40deg,#28125e,#8c5cff,#58e7ff,#ff55e8,#28125e);filter:saturate(120%);box-shadow:0 0 100px rgba(140,92,255,.3);animation:spin 15s linear infinite}.video-orb:after{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.92) 0 1%,#7860bc 7%,#1e163e 36%,#080711 70%);box-shadow:inset -40px -30px 50px rgba(0,0,0,.75)}.sphere-orb{width:170px;height:170px;background:radial-gradient(circle at 30% 28%,#d9ffff 0 2%,#5be4ff 8%,#5866dc 26%,#22163f 54%,#09070e 72%);box-shadow:0 0 60px rgba(70,199,255,.22),inset -28px -20px 38px #07060d;animation:planetFloat 5s ease-in-out infinite alternate}.web-orb{width:190px;height:190px;border:1px solid rgba(185,155,255,.3);box-shadow:0 0 70px rgba(140,92,255,.17),inset 0 0 50px rgba(88,231,255,.08);background:repeating-radial-gradient(circle,transparent 0 16px,rgba(185,155,255,.12) 17px 18px);animation:spin 18s linear infinite}
.work-section{padding:170px 0;background:#020207;position:relative;overflow:hidden}.orbit-line{position:absolute;width:1000px;height:1000px;border:1px solid rgba(255,255,255,.05);border-radius:50%;right:-650px;top:100px}.work-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:95px}.coordinates{text-align:right;font-family:monospace;font-size:11px;line-height:1.75;color:#615d6c;letter-spacing:.08em}.coordinates span{color:#a9a4b6}.project-stack{display:flex;flex-direction:column;gap:110px}.project{display:grid;grid-template-columns:70px 1.3fr .7fr;gap:28px;align-items:center}.project.reverse{grid-template-columns:70px .7fr 1.3fr}.project.reverse .project-visual{order:3}.project.reverse .project-copy{order:2}.project-no{font-size:10px;letter-spacing:.18em;color:#635e70;align-self:start;padding-top:8px}.project-visual{height:min(58vw,680px);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#05040b;box-shadow:0 40px 110px rgba(0,0,0,.45)}.project-label{position:absolute;left:18px;bottom:18px;font-size:9px;letter-spacing:.18em;padding:10px 12px;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.32);backdrop-filter:blur(10px)}.project-copy h3{font-size:clamp(52px,6vw,100px);line-height:.8;letter-spacing:-.07em;margin:0 0 28px}.project-copy p{color:#8e899a;line-height:1.7;font-size:14px;max-width:370px}.project-copy a{display:inline-block;margin-top:20px;font-size:10px;letter-spacing:.17em;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:8px}.black-hole{position:absolute;width:72%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(#120621,#7345ff,#ff72e8,#76e7ff,#120621);filter:blur(.2px);animation:spin 12s linear infinite;box-shadow:0 0 100px rgba(112,70,255,.26)}.black-hole:before{content:"";position:absolute;inset:16%;border-radius:50%;background:#010104;box-shadow:inset 0 0 35px #000,0 0 25px #000}.black-hole i{position:absolute;inset:-9%;border-radius:50%;border:1px solid rgba(255,255,255,.14);transform:rotate(28deg) scaleY(.28)}.chromatic-planet{position:absolute;width:62%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 25%,#e5ffff 0 2%,#71dcff 8%,#935cff 27%,#3c1f66 51%,#0b0814 72%);box-shadow:inset -70px -50px 90px #020207,0 0 100px rgba(99,79,255,.22);animation:planetFloat 6s ease-in-out infinite alternate}.chromatic-planet:after{content:"";position:absolute;left:-30%;right:-30%;top:48%;height:13%;border-radius:50%;border:2px solid rgba(211,194,255,.38);transform:rotate(-18deg);box-shadow:0 0 22px rgba(130,93,255,.18)}.data-gate{position:absolute;inset:12%;display:grid;place-items:center;perspective:700px}.data-gate span{position:absolute;width:58%;height:78%;border:1px solid rgba(130,104,255,.42);box-shadow:0 0 34px rgba(92,58,225,.14),inset 0 0 34px rgba(81,214,255,.08);transform:rotateY(62deg) rotateZ(12deg);animation:gate 5s ease-in-out infinite alternate}.data-gate span:nth-child(2){width:42%;height:62%;border-color:rgba(88,231,255,.55);animation-delay:-1.5s}.data-gate span:nth-child(3){width:26%;height:46%;border-color:rgba(255,85,232,.48);animation-delay:-3s}
.process-section{padding:170px 0;background:radial-gradient(circle at 50% 50%,rgba(88,52,166,.1),transparent 36%),#05030c}.section-intro.center{display:block;text-align:center;margin-bottom:95px}.section-intro.center .section-code{margin-bottom:20px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.timeline-beam{position:absolute;left:8%;right:8%;top:50px;height:1px;background:linear-gradient(90deg,transparent,#5a3ca1,#58e7ff,#5a3ca1,transparent);box-shadow:0 0 14px rgba(88,231,255,.24)}.phase{text-align:center;position:relative;padding:0 22px}.phase>span{display:block;font-size:10px;color:#666174;letter-spacing:.12em}.phase i{display:block;width:15px;height:15px;border-radius:50%;margin:25px auto 48px;background:#0a0715;border:2px solid #b99bff;box-shadow:0 0 0 8px rgba(140,92,255,.06),0 0 24px rgba(185,155,255,.48);position:relative;z-index:2}.phase h3{font-size:24px;letter-spacing:-.02em}.phase p{font-size:12px;line-height:1.7;color:#898494;max-width:220px;margin:0 auto}
.academy-section{padding:180px 0;position:relative;overflow:hidden;background:#020207}.academy-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 50%,rgba(108,65,224,.16),transparent 30%)}.academy-planet{position:absolute;width:520px;height:520px;border-radius:50%;right:-140px;top:50%;transform:translateY(-50%);background:radial-gradient(circle at 31% 27%,#c9baff 0 2%,#6b50ad 14%,#2b1e4e 37%,#0b0814 68%);box-shadow:inset -65px -55px 100px #020207,0 0 100px rgba(94,56,206,.25)}.academy-planet:after{content:"";position:absolute;left:-32%;right:-32%;top:49%;height:14%;border-radius:50%;border:1px solid rgba(225,213,255,.45);transform:rotate(-13deg)}.academy-panel{position:relative;z-index:2;padding:70px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(120deg,rgba(15,9,33,.78),rgba(3,2,8,.46));backdrop-filter:blur(24px);display:flex;justify-content:space-between;align-items:end;gap:40px}.academy-panel .section-code{margin-bottom:18px}.academy-panel p{max-width:650px;color:#9892a5;line-height:1.7;font-size:14px;margin:28px 0 0}
.contact-section{min-height:82vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(91,49,205,.17),transparent 24%),#020207}.contact-star{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:white;box-shadow:0 0 20px white,0 0 60px #9a72ff,0 0 180px 60px rgba(110,65,255,.22)}.contact-star:before,.contact-star:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.08)}.contact-star:before{width:50vw;height:50vw}.contact-star:after{width:80vw;height:80vw}.contact-copy{position:relative;z-index:2;text-align:center}.contact-copy .section-code{margin-bottom:20px}.mega-link{display:inline-flex;align-items:center;gap:30px;margin-top:48px;font-size:12px;font-weight:900;letter-spacing:.18em;padding:18px 22px;border:1px solid rgba(255,255,255,.2);background:rgba(5,3,14,.55);backdrop-filter:blur(10px)}.mega-link span{font-size:22px}.footer{padding:36px 0;border-top:1px solid rgba(255,255,255,.08);background:#020207;color:#686474;font-size:9px;letter-spacing:.12em}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:13px;color:#e8e5ef}
[data-reveal]{opacity:0;transform:translateY(38px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}[data-reveal].show{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@keyframes aurora{to{transform:translate3d(6%,-3%,0) rotate(-13deg) scale(1.07);opacity:.38}}@keyframes portalFloat{to{translate:0 -18px}}@keyframes corePulse{to{transform:scale(1.14);filter:brightness(1.3)}}@keyframes planetFloat{to{translate:0 -18px;rotate:2deg}}@keyframes beamDrop{0%{top:0;opacity:0}20%{opacity:1}100%{top:90px;opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes gate{to{transform:rotateY(48deg) rotateZ(-8deg) translateZ(55px)}}
@media(max-width:1000px){.nav-links{display:none}.hero-copy{width:75vw}.portal{right:-35vw;width:90vw;opacity:.7}.titan{right:-12vw;width:42vw}.section-intro{grid-template-columns:1fr;align-items:start}.service-grid{grid-template-columns:1fr}.service-card.giant{grid-row:auto;min-height:580px}.project,.project.reverse{grid-template-columns:42px 1fr}.project .project-visual,.project.reverse .project-visual{order:initial}.project-copy,.project.reverse .project-copy{grid-column:2;margin-top:15px}.work-head{align-items:start}.academy-panel{padding:48px;flex-direction:column;align-items:flex-start}.timeline{grid-template-columns:1fr 1fr;gap:70px 0}.timeline-beam{display:none}}
@media(max-width:650px){.container{width:calc(100% - 28px)}.nav{top:9px}.nav-wrap{height:58px;padding:0 9px 0 15px}.nav-contact{padding:10px 12px}.nav-contact span{display:none}.nav-contact b{width:28px;height:28px}.brand{font-size:14px}.cosmos-hero{padding-top:120px;min-height:940px;align-items:flex-start}.hero-copy{width:100%}.hero-copy h1{font-size:58px;line-height:.83}.hero-copy p{font-size:14px}.hero-meta{gap:18px;flex-wrap:wrap}.hero-meta div{width:calc(50% - 12px)}.portal{width:120vw;right:-60vw;top:68%;opacity:.78}.titan{width:68vw;right:-26vw;bottom:-7vw}.moon-a{right:28vw;top:58%}.moon-b{right:20vw;top:54%}.marquee{font-size:42px}.section,.work-section,.process-section,.academy-section{padding:110px 0}.section-intro h2,.work-head h2,.academy-panel h2,.contact-copy h2{font-size:52px}.service-card{min-height:430px}.service-card.giant{min-height:520px}.video-orb{width:290px;height:290px}.work-head{display:block}.coordinates{display:none}.project-stack{gap:85px}.project,.project.reverse{grid-template-columns:1fr}.project-no{display:none}.project-visual,.project.reverse .project-visual{height:95vw;order:1}.project-copy,.project.reverse .project-copy{grid-column:auto;order:2}.project-copy h3{font-size:58px}.timeline{grid-template-columns:1fr}.academy-panel{padding:30px 22px}.academy-planet{width:360px;height:360px;right:-210px}.contact-section{min-height:72vh}.footer-row{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}

/* ===== v3 bilingual / dedicated pages ===== */
.nav-actions{display:flex;align-items:center;gap:16px}.lang-switch{display:flex;gap:7px;align-items:center;font-size:12px;letter-spacing:.15em}.lang-switch a{opacity:.45}.lang-switch a.active{opacity:1;color:#fff;text-shadow:0 0 16px #a77cff}.link-card{position:relative;color:inherit;text-decoration:none;display:block}.card-arrow{position:absolute;inset-inline-end:26px;bottom:24px;font-size:22px;transition:.3s}.link-card:hover .card-arrow{transform:translate(4px,-4px)}
.course-hero .hero-copy{max-width:950px}.course-hero .hero-copy h1{max-width:900px}.course-hero .hero-copy p{max-width:720px}
.av-rtl{font-family:Tahoma,Arial,sans-serif}.av-rtl .hero-copy,.av-rtl .section-intro,.av-rtl .academy-panel,.av-rtl .inner-stage,.av-rtl .detail-grid{text-align:right}.av-rtl .hero-copy h1,.av-rtl .inner-stage h1{letter-spacing:-.04em}.av-rtl .signal,.av-rtl .hero-actions,.av-rtl .hero-meta,.av-rtl .chips{direction:rtl}.av-rtl .marquee{direction:ltr}
.inner-galaxy{min-height:100vh}.inner-hero{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden;padding:150px 0 90px}.inner-hero #star-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.inner-stage{position:relative;z-index:4;max-width:980px}.inner-stage h1{font-size:clamp(48px,8vw,118px);line-height:.92;margin:24px 0;max-width:1000px}.inner-stage>p{max-width:760px;font-size:clamp(18px,2vw,24px);line-height:1.8;color:rgba(255,255,255,.68)}.mini-portal{opacity:.38;right:-12vw;top:10vh;transform:scale(.75)}
.detail-section{position:relative;padding-top:110px}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.detail-title{position:sticky;top:130px}.detail-title h2{font-size:clamp(38px,5vw,72px);line-height:1;margin-top:20px}.detail-list{display:grid;gap:18px}.detail-item{position:relative;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));backdrop-filter:blur(22px);padding:34px;border-radius:28px;min-height:150px;overflow:hidden}.detail-item:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(128,76,255,.25),transparent 68%);right:-60px;top:-70px}.detail-item span{font-size:13px;letter-spacing:.2em;color:#a98bff}.detail-item p{font-size:clamp(19px,2vw,26px);line-height:1.6;margin:22px 0 0;color:#fff}.course-cta{padding:30px 0 120px}
@media(max-width:1100px){.nav-links{display:none}.nav-actions{margin-inline-start:auto}.detail-grid{grid-template-columns:1fr;gap:40px}.detail-title{position:static}.inner-hero{min-height:70vh}.mini-portal{right:-35vw}}@media(max-width:680px){.nav-contact span{display:none}.nav-contact{width:44px;justify-content:center}.lang-switch{font-size:11px}.inner-hero{padding-top:120px}.detail-item{padding:26px}.academy-panel{gap:28px}}

/* ===== ASTRA MISSION 3D / v4 ===== */
:root{--mission-bg:#020309;--mission-panel:rgba(8,11,23,.6);--mission-line:rgba(173,189,255,.16);--mission-purple:#8b70ff;--mission-cyan:#4de7ff;--mission-white:#f5f7ff}.mission-site{background:var(--mission-bg);color:var(--mission-white);overflow:hidden}.mission-hero{position:relative;min-height:980px;padding-top:150px;display:flex;align-items:center;background:radial-gradient(circle at 70% 32%,rgba(92,71,186,.17),transparent 28%),radial-gradient(circle at 35% 25%,rgba(29,157,209,.11),transparent 24%),#020309}.space3d-stage{position:absolute;inset:0;overflow:hidden}.space3d-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,3,9,.96) 0%,rgba(2,3,9,.62) 34%,rgba(2,3,9,.08) 63%,rgba(2,3,9,.4) 100%);pointer-events:none}.space3d-stage canvas{width:100%;height:100%;display:block}.cockpit-frame{position:absolute;inset:55px 32px 46px;z-index:3;pointer-events:none;border:1px solid rgba(194,211,255,.1);clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%)}.cockpit-frame:before,.cockpit-frame:after{content:"";position:absolute;top:0;bottom:0;width:18%;border-top:3px solid rgba(181,201,255,.25);border-bottom:3px solid rgba(181,201,255,.16)}.cockpit-frame:before{left:0;border-left:8px solid rgba(18,26,45,.9);transform:skewX(-4deg)}.cockpit-frame:after{right:0;border-right:8px solid rgba(18,26,45,.9);transform:skewX(4deg)}.cockpit-top,.cockpit-bottom{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:28px;align-items:center;font-size:10px;letter-spacing:.22em;color:rgba(224,232,255,.58);background:rgba(3,6,13,.72);backdrop-filter:blur(8px);border:1px solid rgba(151,176,255,.13);padding:9px 16px}.cockpit-top{top:10px}.cockpit-bottom{bottom:10px}.live-dot{color:#77ffbd}.live-dot:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#77ffbd;box-shadow:0 0 12px #77ffbd;margin-right:6px}.cockpit-side{position:absolute;top:42%;display:flex;flex-direction:column;gap:7px;color:rgba(196,214,255,.38);font-size:9px;letter-spacing:.16em}.cockpit-left{left:24px}.cockpit-right{right:24px;text-align:right}.cockpit-side i{display:block;width:46px;height:2px;background:linear-gradient(90deg,var(--mission-purple),transparent)}.cockpit-right i{background:linear-gradient(270deg,var(--mission-cyan),transparent);margin-left:auto}.scanline{position:absolute;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(80,224,255,.5),transparent);box-shadow:0 0 14px rgba(80,224,255,.25);animation:scan 5s linear infinite}.reticle{position:absolute;right:19%;top:37%;width:122px;height:122px;border:1px solid rgba(102,225,255,.18);border-radius:50%;animation:reticle 9s linear infinite}.reticle:before,.reticle:after{content:"";position:absolute;background:rgba(121,224,255,.2)}.reticle:before{width:150%;height:1px;left:-25%;top:50%}.reticle:after{height:150%;width:1px;top:-25%;left:50%}.reticle b{position:absolute;top:108%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;letter-spacing:.18em;color:rgba(111,225,255,.65)}.orbit-label{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.15em;color:rgba(227,234,255,.55);padding:7px 10px;border:1px solid rgba(173,195,255,.12);background:rgba(4,8,17,.5);backdrop-filter:blur(10px);pointer-events:none}.orbit-label b{color:var(--mission-cyan)}.label-a{right:13%;top:25%}.label-b{right:7%;top:53%}.label-c{right:18%;bottom:18%}.mission-copy{position:relative;z-index:5;max-width:720px;margin-left:max(5vw,40px);margin-right:auto}.av-rtl .mission-copy{margin-right:max(5vw,40px);margin-left:auto}.mission-kicker{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.18em;color:rgba(223,229,255,.62);margin-bottom:25px}.mission-kicker span{width:34px;height:1px;background:var(--mission-cyan);box-shadow:0 0 10px rgba(77,231,255,.5)}.mission-copy h1{margin:0;display:flex;flex-direction:column;line-height:.93;letter-spacing:-.055em}.mission-copy h1 small{font-size:clamp(22px,2.2vw,35px);font-weight:400;letter-spacing:-.025em;color:rgba(240,242,255,.72);margin-bottom:8px}.mission-copy h1 strong{font-size:clamp(60px,7.7vw,126px);font-weight:800;background:linear-gradient(110deg,#fff 8%,#a995ff 48%,#50dfff 85%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 45px rgba(106,91,255,.12)}.mission-copy h1 em{font-style:normal;font-size:clamp(27px,3vw,50px);font-weight:500;color:rgba(238,241,255,.86);margin-top:9px}.mission-copy>p{max-width:690px;color:rgba(221,226,245,.62);font-size:17px;line-height:1.8;margin:28px 0 32px}.mission-actions{display:flex;gap:12px;flex-wrap:wrap}.mission-btn{display:inline-flex;align-items:center;gap:18px;padding:15px 18px 15px 24px;border:1px solid rgba(185,198,255,.17);text-decoration:none;color:#fff;font-size:12px;letter-spacing:.1em;transition:.25s}.mission-btn b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:rgba(255,255,255,.08)}.mission-btn.primary{background:linear-gradient(120deg,#8066ff,#4a92d9);box-shadow:0 16px 45px rgba(83,68,201,.2)}.mission-btn.ghost{background:rgba(10,13,25,.5);backdrop-filter:blur(12px)}.mission-data{display:flex;gap:40px;margin-top:38px;padding-top:24px;border-top:1px solid rgba(179,195,255,.13);max-width:650px}.mission-data div{display:flex;flex-direction:column;gap:4px}.mission-data span{font-size:8px;letter-spacing:.2em;color:rgba(196,208,240,.35)}.mission-data b{font-size:12px;letter-spacing:.08em;color:rgba(239,242,255,.8)}.sound-toggle{position:absolute;z-index:8;right:38px;bottom:58px;border:1px solid rgba(157,189,255,.18);background:rgba(5,9,18,.66);backdrop-filter:blur(14px);color:#dfe9ff;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;cursor:pointer}.av-rtl .sound-toggle{right:auto;left:38px}.sound-toggle b{font-size:9px;letter-spacing:.16em}.sound-bars{display:flex;align-items:center;gap:2px;height:16px}.sound-bars i{display:block;width:2px;height:5px;background:#7682a7}.sound-toggle.active .sound-bars i{background:var(--mission-cyan);animation:eq .7s ease-in-out infinite alternate}.sound-toggle.active .sound-bars i:nth-child(2){animation-delay:.18s}.sound-toggle.active .sound-bars i:nth-child(3){animation-delay:.34s}.mission-scroll{position:absolute;z-index:6;left:50%;bottom:45px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:rgba(207,218,246,.32);font-size:8px;letter-spacing:.16em}.mission-scroll i{width:1px;height:38px;background:linear-gradient(var(--mission-cyan),transparent);animation:scrollbeam 1.8s ease-in-out infinite}.flight-deck{position:relative;background:linear-gradient(#020309,#050610 40%,#020309);padding-top:130px;padding-bottom:150px}.flight-deck:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(126,147,201,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(126,147,201,.035) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.mission-intro{position:relative;z-index:2}.mission-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px;perspective:1400px}.mission-card{position:relative;min-height:430px;padding:28px;border:1px solid rgba(158,180,246,.13);background:linear-gradient(145deg,rgba(12,15,31,.82),rgba(5,7,15,.72));backdrop-filter:blur(16px);text-decoration:none;color:#fff;overflow:hidden;transition:transform .25s,border-color .25s}.mission-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-80px;background:radial-gradient(circle,rgba(105,81,255,.16),transparent 68%)}.mission-card:hover{border-color:rgba(103,221,255,.35)}.card-hud{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:rgba(203,215,246,.34)}.card-hud b{color:#62dfbb}.holo-icon{position:relative;width:118px;height:118px;display:grid;place-items:center;margin:44px auto 32px}.holo-icon:before,.holo-icon:after,.holo-icon i{content:"";position:absolute;border-radius:50%;border:1px solid rgba(113,204,255,.22)}.holo-icon:before{inset:0;animation:reticle 10s linear infinite}.holo-icon:after{inset:15px;border-color:rgba(139,112,255,.32);animation:reticle 7s linear reverse infinite}.holo-icon i{inset:31px;background:radial-gradient(circle,rgba(82,118,255,.22),transparent);box-shadow:inset 0 0 25px rgba(69,229,255,.08)}.holo-icon strong{font-size:28px;color:#dbe7ff;text-shadow:0 0 18px rgba(80,218,255,.7)}.mission-card h3{font-size:25px;line-height:1.12;margin:0 0 14px}.mission-card p{font-size:13px;line-height:1.7;color:rgba(213,222,244,.5);min-height:70px}.mission-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.mission-tags span{font-size:8px;letter-spacing:.1em;border:1px solid rgba(177,194,241,.12);padding:6px 8px;color:rgba(210,222,250,.45)}.enter-link{position:absolute;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid rgba(175,192,241,.1);font-size:9px;letter-spacing:.15em;color:rgba(213,224,249,.58)}.mission-cta{padding:70px 0 130px;background:#020309}.cta-console{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:56px;border:1px solid rgba(149,178,255,.16);background:radial-gradient(circle at 80% 20%,rgba(73,105,226,.16),transparent 25%),rgba(8,10,21,.74);overflow:hidden}.console-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(121,157,245,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(121,157,245,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent)}.cta-console>div:not(.console-grid){position:relative;z-index:2}.cta-console h2{font-size:clamp(44px,6vw,84px);line-height:.95;margin:13px 0}.cta-console h2 em{font-style:normal;color:#8e78ff}.cta-console p{max-width:610px;color:rgba(218,225,245,.55);line-height:1.8}.launch-button{position:relative;z-index:2;width:160px;height:160px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;border:1px solid rgba(116,209,255,.4);background:radial-gradient(circle,rgba(88,73,191,.56),rgba(8,11,25,.9) 65%);box-shadow:0 0 0 12px rgba(97,123,255,.05),0 0 80px rgba(83,104,255,.18);transition:.3s}.launch-button:hover{transform:scale(1.05) rotate(4deg)}.launch-button span{font-size:10px;letter-spacing:.12em}.launch-button i{font-style:normal;font-size:38px;font-weight:200}.launch-button b{font-size:18px}.mission-site [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.mission-site [data-reveal].show{opacity:1;transform:none}@keyframes scan{0%{top:12%;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:88%;opacity:0}}@keyframes reticle{to{transform:rotate(360deg)}}@keyframes eq{to{height:15px}}@keyframes scrollbeam{0%,100%{opacity:.25;transform:scaleY(.5);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}
@media(max-width:1100px){.mission-copy{max-width:620px}.mission-grid{grid-template-columns:1fr 1fr}.mission-card:last-child{grid-column:1/-1}.cockpit-side,.orbit-label{display:none}.mission-hero{min-height:900px}.space3d-stage:after{background:linear-gradient(90deg,rgba(2,3,9,.94),rgba(2,3,9,.5) 55%,rgba(2,3,9,.15))}}
@media(max-width:760px){.mission-hero{min-height:880px;padding-top:120px;align-items:flex-start}.space3d-stage{height:52%;top:auto;bottom:0}.space3d-stage:after{background:linear-gradient(#020309 0%,rgba(2,3,9,.1) 35%,rgba(2,3,9,.25) 100%)}.cockpit-frame{inset:8px}.cockpit-top,.cockpit-bottom,.reticle{display:none}.mission-copy,.av-rtl .mission-copy{margin:0 auto;padding:0 20px}.mission-copy h1 strong{font-size:clamp(48px,15vw,76px)}.mission-copy>p{font-size:14px}.mission-data{gap:20px;flex-wrap:wrap}.mission-scroll{display:none}.sound-toggle,.av-rtl .sound-toggle{right:18px;left:auto;bottom:18px}.mission-grid{grid-template-columns:1fr}.mission-card:last-child{grid-column:auto}.mission-card{min-height:405px}.cta-console{padding:34px 24px;flex-direction:column;align-items:flex-start}.launch-button{width:130px;height:130px}.flight-deck{padding-top:90px}.cockpit-frame:before,.cockpit-frame:after{width:10%}}
@media(prefers-reduced-motion:reduce){.scanline,.reticle,.holo-icon:before,.holo-icon:after,.mission-scroll i,.sound-toggle.active .sound-bars i{animation:none!important}.mission-site [data-reveal]{opacity:1!important;transform:none!important}}
/* V5 — Personal trainer & course visual integration */
.trainer-orbit{position:relative;padding:140px 0;background:radial-gradient(circle at 75% 40%,rgba(109,74,255,.12),transparent 30%),#03040b;overflow:hidden}.trainer-orbit:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,150,220,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,150,220,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}.trainer-orbit-grid{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.trainer-copy h2{white-space:pre-line;font-size:clamp(42px,5.3vw,78px);line-height:.96;margin:18px 0 26px;letter-spacing:-.045em}.trainer-copy p{max-width:580px;color:rgba(220,226,245,.58);font-size:16px;line-height:1.9}.trainer-stats{display:flex;gap:30px;margin:34px 0}.trainer-stats span{display:flex;flex-direction:column;gap:4px;font-size:9px;letter-spacing:.12em;color:rgba(213,223,247,.45)}.trainer-stats b{font-size:30px;color:#fff;letter-spacing:-.04em}.trainer-visual{position:relative;min-height:650px;border:1px solid rgba(145,177,255,.16);background:#070914;overflow:hidden;transform-style:preserve-3d}.trainer-visual:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(2,5,12,.12),transparent 55%,rgba(2,4,10,.9)),linear-gradient(90deg,rgba(58,73,139,.16),transparent 35%);pointer-events:none}.trainer-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.9) contrast(1.05)}.trainer-hud{position:absolute;z-index:4;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:rgba(225,234,255,.6)}.trainer-hud b{color:#5ee6c0}.trainer-name{position:absolute;z-index:4;left:28px;right:28px;bottom:25px;display:flex;align-items:end;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);padding-top:16px}.trainer-name strong{font-size:28px}.trainer-name span{font-size:8px;letter-spacing:.2em;color:rgba(223,230,247,.5)}.trainer-scan{position:absolute;z-index:3;left:0;right:0;height:1px;top:20%;background:linear-gradient(90deg,transparent,#5ee9ff,transparent);box-shadow:0 0 16px #5ee9ff;opacity:.5;animation:trainerScan 5s linear infinite}.course-visuals{padding:130px 0;background:#020309}.course-poster-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:55px}.course-poster{position:relative;display:block;overflow:hidden;border:1px solid rgba(157,183,246,.13);background:#080a13;min-height:360px}.course-poster:nth-child(1){grid-column:span 6;grid-row:span 2;min-height:740px}.course-poster:nth-child(n+2){grid-column:span 3}.course-poster img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s}.course-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(2,4,10,.88))}.course-poster span{position:absolute;z-index:2;left:18px;bottom:16px;font-size:8px;letter-spacing:.16em;color:rgba(240,244,255,.7)}.course-poster:hover img{transform:scale(1.035);filter:saturate(1.08)}@keyframes trainerScan{0%{top:12%;opacity:0}12%{opacity:.6}88%{opacity:.6}100%{top:88%;opacity:0}}@media(max-width:900px){.trainer-orbit-grid{grid-template-columns:1fr}.trainer-visual{min-height:600px}.course-poster:nth-child(1){grid-column:span 12;min-height:650px}.course-poster:nth-child(n+2){grid-column:span 6}}@media(max-width:600px){.trainer-orbit{padding:90px 0}.trainer-visual{min-height:520px}.trainer-name{align-items:flex-start;flex-direction:column;gap:7px}.trainer-stats{gap:18px;flex-wrap:wrap}.course-poster:nth-child(1),.course-poster:nth-child(n+2){grid-column:span 12;min-height:500px}.course-visuals{padding:90px 0}}
.trainer-page-gallery,.course-page-visuals{padding:120px 0;background:#020309}.trainer-photo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:50px}.trainer-photo-grid figure{position:relative;grid-column:span 3;min-height:520px;margin:0;overflow:hidden;border:1px solid rgba(153,180,246,.13);background:#070914}.trainer-photo-grid figure:nth-child(2){grid-column:span 6}.trainer-photo-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.trainer-photo-grid figcaption{position:absolute;left:16px;bottom:14px;z-index:2;padding:7px 9px;background:rgba(3,5,12,.7);backdrop-filter:blur(8px);font-size:8px;letter-spacing:.16em}.trainer-photo-grid figure:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,rgba(2,4,10,.75))}@media(max-width:900px){.trainer-photo-grid figure,.trainer-photo-grid figure:nth-child(2){grid-column:span 6}}@media(max-width:600px){.trainer-photo-grid figure,.trainer-photo-grid figure:nth-child(2){grid-column:span 12;min-height:500px}}

/* WhatsApp CTA clickability hardening */
.space3d-stage, .space3d-stage canvas, .space3d-stage:after{pointer-events:none!important}
.mission-copy,.mission-actions,.mission-btn,.nav,.nav-wrap,.nav-contact,.launch-button,.btn-primary{pointer-events:auto!important}
.mission-actions{position:relative;z-index:30}
.mission-btn.ghost,.nav-contact,.launch-button,.btn-primary{cursor:pointer}

/* V6 — Astra View AI CGI launch gate */
body.gate-open{overflow:hidden}
.brand-logo{display:flex!important;align-items:center;gap:10px;text-decoration:none}.brand-logo img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(0,176,255,.25))}.brand-word{font-weight:800;letter-spacing:.11em;font-size:12px;color:#eef8ff}.experience-gate{position:fixed;inset:0;z-index:99999;background:#01050b;display:grid;place-items:center;overflow:hidden;transition:opacity .9s ease,visibility .9s ease}.experience-gate.is-launched{opacity:0;visibility:hidden;pointer-events:none}.gate-bg{position:absolute;inset:-3%;background:url('assets/images/space-entry.png') center/cover no-repeat;transform:scale(1.035);will-change:transform;transition:transform .18s ease-out}.gate-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,4,10,.92) 0%,rgba(1,5,12,.44) 42%,rgba(1,4,9,.12) 70%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.48));pointer-events:none}.gate-ui{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));padding-right:45%;text-align:left;direction:ltr}.av-rtl .gate-ui{text-align:right;direction:rtl;padding-right:0;padding-left:45%}.gate-logo{width:min(260px,45vw);max-height:150px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 28px rgba(0,177,255,.28));margin-bottom:24px}.av-rtl .gate-logo{object-position:right center}.gate-code{font-size:10px;letter-spacing:.2em;color:#35c9ff;margin-bottom:18px}.gate-ui h1{font-size:clamp(44px,6.7vw,94px);line-height:.9;max-width:760px;margin:0 0 24px;text-transform:uppercase;letter-spacing:-.04em;text-shadow:0 10px 45px rgba(0,0,0,.7)}.av-rtl .gate-ui h1{text-transform:none;line-height:1}.gate-ui p{max-width:560px;color:rgba(225,238,255,.72);font-size:15px;line-height:1.8}.gate-launch{margin-top:26px;min-width:270px;padding:18px 22px;border:1px solid rgba(50,203,255,.75);background:linear-gradient(90deg,rgba(0,83,160,.18),rgba(0,201,255,.08));color:#48d5ff;display:flex;align-items:center;justify-content:space-between;gap:28px;font:inherit;letter-spacing:.12em;cursor:pointer;clip-path:polygon(0 0,94% 0,100% 35%,100% 100%,6% 100%,0 65%);box-shadow:inset 0 0 26px rgba(0,176,255,.08),0 0 32px rgba(0,176,255,.08);transition:.25s}.gate-launch:hover{transform:translateY(-3px);background:rgba(0,161,255,.14);box-shadow:0 0 35px rgba(0,186,255,.18)}.gate-launch b{font-size:20px}.gate-hint{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px;color:rgba(173,207,235,.46);font-size:8px;letter-spacing:.15em}.gate-status{position:absolute;z-index:2;right:4vw;bottom:5vh;width:min(320px,30vw);padding:20px;border:1px solid rgba(123,179,227,.22);background:rgba(3,12,24,.55);backdrop-filter:blur(14px);display:grid;gap:10px;font-size:9px;letter-spacing:.12em;color:rgba(215,232,250,.58)}.av-rtl .gate-status{right:auto;left:4vw}.gate-status b{color:#44e4a9}.gate-status span{padding-top:7px;border-top:1px solid rgba(255,255,255,.06)}
@media(max-width:860px){.gate-ui,.av-rtl .gate-ui{padding:0;width:calc(100% - 34px);text-align:center;direction:inherit}.gate-logo,.av-rtl .gate-logo{width:180px;object-position:center;margin-inline:auto;display:block}.gate-ui h1{font-size:clamp(38px,13vw,68px);max-width:none}.gate-ui p{margin-inline:auto}.gate-launch{margin-inline:auto}.gate-hint{justify-content:center}.gate-status{display:none}.gate-vignette{background:linear-gradient(180deg,rgba(1,4,10,.32),rgba(1,4,10,.78) 62%,#01050b)}.gate-bg{background-position:62% center}.brand-word{display:none}}

/* V6.1 reliable self-contained CGI motion */
.space3d-stage{background:radial-gradient(circle at 73% 38%,rgba(14,98,180,.18),transparent 26%),linear-gradient(#01040a,#020713 60%,#01030a)}
.cgi-spacecraft-layer{position:absolute;z-index:1;inset:-7%;background:url('assets/images/space-entry.png') 67% 44%/cover no-repeat;opacity:.82;filter:saturate(1.18) contrast(1.08) brightness(.78);mix-blend-mode:screen;will-change:transform;transition:filter .3s ease;clip-path:polygon(20% 12%,100% 6%,100% 84%,37% 92%,23% 71%,0 66%,0 33%)}
.cgi-spacecraft-layer:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 56%,transparent 0 25%,rgba(2,3,9,.36) 62%,rgba(2,3,9,.86) 100%)}
.cgi-planet{position:absolute;z-index:0;right:-12%;top:2%;width:45vw;height:45vw;min-width:380px;min-height:380px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#6cc8ff 0 1%,#183e6d 16%,#071827 50%,#01050a 72%);box-shadow:-30px 0 90px rgba(41,158,255,.25),inset 30px 0 70px rgba(86,191,255,.18);opacity:.68;will-change:transform}
.cgi-planet:after{content:"";position:absolute;inset:43% -18%;border:2px solid rgba(95,197,255,.18);border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 28px rgba(52,171,255,.1)}
.cgi-engine-glow{position:absolute;z-index:2;right:19%;top:38%;width:160px;height:80px;background:radial-gradient(ellipse,rgba(72,204,255,.9),rgba(38,107,255,.35) 35%,transparent 70%);filter:blur(14px);opacity:.7;pointer-events:none;will-change:transform}
body.warp-active .cgi-spacecraft-layer{filter:saturate(1.35) contrast(1.15) brightness(1.05)}
body.warp-active .experience-gate:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(circle at 66% 48%,rgba(255,255,255,.78),rgba(52,190,255,.24) 9%,transparent 34%);animation:warpflash .75s ease-out both}
.gate-launch.launching{transform:scale(.96);box-shadow:0 0 55px rgba(0,202,255,.5);background:rgba(0,161,255,.24)}
@keyframes warpflash{0%{opacity:0;transform:scale(.75)}35%{opacity:1}100%{opacity:0;transform:scale(1.45)}}
@media(max-width:760px){.cgi-spacecraft-layer{inset:-3% -40% -3% -5%;background-position:69% 48%;opacity:.66}.cgi-planet{right:-45%;top:20%;width:92vw;height:92vw}.cgi-engine-glow{right:5%;top:46%}}

/* === ASTRA CGI GAME ===================================================== */
.cgi-game-section{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(0,148,255,.10),transparent 42%),#020812}
.cgi-game-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,170,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,170,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);pointer-events:none}
.cgi-game-shell{position:relative;border:1px solid rgba(71,183,255,.28);background:linear-gradient(180deg,rgba(6,19,38,.86),rgba(2,8,18,.96));border-radius:26px;overflow:hidden;box-shadow:inset 0 0 60px rgba(0,150,255,.06)}
.game-topbar{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:1px;background:rgba(84,190,255,.14);border-bottom:1px solid rgba(84,190,255,.18)}
.game-topbar>div{padding:14px 18px;background:rgba(2,11,24,.92);min-width:0}.game-topbar span{display:block;font-size:10px;letter-spacing:.18em;color:#6fa9cf}.game-topbar b{display:block;margin-top:4px;color:#e9f7ff;font-size:14px;letter-spacing:.06em}
.game-stage-wrap{position:relative;aspect-ratio:16/9;background:#020711;overflow:hidden;isolation:isolate}.game-stage-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 49%,rgba(34,180,255,.025) 50%,transparent 51%);background-size:100% 5px;mix-blend-mode:screen;z-index:4}.game-stage-wrap canvas{display:block;width:100%;height:100%;touch-action:none}
.game-overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(7,29,58,.40),rgba(1,6,15,.86));z-index:5;transition:.35s ease}.game-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.game-overlay-panel{text-align:center;max-width:620px;padding:34px}.game-overlay-panel h3{font-size:clamp(34px,5vw,72px);margin:.25em 0;color:#fff;letter-spacing:-.03em}.game-overlay-panel p{color:#9fc0d8;max-width:560px;margin:0 auto 22px;line-height:1.8}
.game-crosshair{position:absolute;left:50%;top:50%;width:76px;height:76px;border:1px solid rgba(60,200,255,.22);border-radius:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none}.game-crosshair:before,.game-crosshair:after{content:"";position:absolute;background:rgba(60,200,255,.26)}.game-crosshair:before{left:-18px;right:-18px;top:50%;height:1px}.game-crosshair:after{top:-18px;bottom:-18px;left:50%;width:1px}
.game-controls{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 18px;border-top:1px solid rgba(84,190,255,.15);background:rgba(3,12,27,.88)}.game-dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,44px);gap:6px}.game-dpad button,.game-actions button{border:1px solid rgba(74,190,255,.3);background:rgba(12,34,58,.8);color:#dff7ff;border-radius:12px;min-width:44px;min-height:44px;cursor:pointer;transition:.2s}.game-dpad button:hover,.game-actions button:hover{background:rgba(0,146,255,.18);border-color:#34bfff}.game-dpad [data-game-key="ArrowUp"]{grid-column:2}.game-dpad [data-game-key="ArrowLeft"]{grid-column:1}.game-dpad [data-game-key="ArrowDown"]{grid-column:2}.game-dpad [data-game-key="ArrowRight"]{grid-column:3}.game-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.game-actions button{padding:0 18px;font-weight:700;letter-spacing:.08em}.game-status-line{padding:12px 18px;color:#79cdf8;border-top:1px solid rgba(84,190,255,.12);font-size:13px;letter-spacing:.04em}.game-course-link{margin:0 18px 18px;display:inline-flex}.game-course-link[hidden]{display:none!important}
@media(max-width:760px){.game-topbar{grid-template-columns:1fr 1fr}.game-topbar>div:first-child{grid-column:1/-1}.game-controls{align-items:flex-end}.game-dpad{grid-template-columns:repeat(3,44px)}.game-actions{max-width:140px}.game-actions button{width:100%}}

/* === V8 RAPID FIRE UPDATE =============================================== */
.game-topbar{grid-template-columns:1.7fr repeat(4,1fr)}
.game-actions .game-fire{background:linear-gradient(180deg,rgba(255,70,70,.22),rgba(120,8,8,.34));border-color:rgba(255,105,105,.55);box-shadow:inset 0 0 18px rgba(255,60,60,.08)}
.game-actions .game-fire.is-firing{transform:translateY(1px) scale(.97);background:rgba(255,80,80,.32);box-shadow:0 0 22px rgba(255,70,70,.22),inset 0 0 18px rgba(255,120,120,.14)}
.game-stage-wrap.is-firing .game-crosshair{border-color:rgba(255,110,110,.55);box-shadow:0 0 28px rgba(255,80,80,.18)}
.game-stage-wrap.is-hit:after{background:radial-gradient(circle at center,rgba(255,90,60,.12),transparent 58%),linear-gradient(transparent 49%,rgba(34,180,255,.025) 50%,transparent 51%)}
@media(max-width:760px){.game-topbar{grid-template-columns:1fr 1fr}.game-topbar>div:first-child{grid-column:1/-1}.game-actions{max-width:190px}.game-actions button{min-width:84px}}

#game-sound{min-width:150px}.game-actions #game-sound.active{border-color:rgba(66,220,255,.75);box-shadow:0 0 20px rgba(30,190,255,.16);color:#dffbff}

/* === V10: Separate 150-level ASTRA campaign === */
.game-teaser{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 45%,rgba(31,176,255,.14),transparent 28%),linear-gradient(180deg,#02060c,#04111d 55%,#02070d)}
.game-teaser-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.game-teaser-copy h2{font-size:clamp(42px,6vw,88px);line-height:.92;margin:16px 0 20px}.game-teaser-copy p{max-width:700px;color:#9bb4c8;font-size:18px;line-height:1.8}.game-teaser-stats{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}.game-teaser-stats span{min-width:120px;padding:14px 18px;border:1px solid rgba(117,225,255,.18);background:rgba(5,19,30,.62);font-size:11px;letter-spacing:.12em;color:#86a4bb}.game-teaser-stats b{display:block;color:#ecfbff;font-size:28px;line-height:1.1}.game-teaser-visual{position:relative;min-height:460px;border:1px solid rgba(111,223,255,.14);background:radial-gradient(circle at center,rgba(14,93,139,.22),rgba(2,6,12,.4) 50%,rgba(2,6,12,.9));overflow:hidden;clip-path:polygon(6% 0,100% 0,100% 92%,94% 100%,0 100%,0 8%)}.teaser-planet{position:absolute;width:250px;height:250px;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 28%,#72dcff 0,#236a94 22%,#0d2940 47%,#02070d 73%);box-shadow:0 0 70px rgba(61,199,255,.28),inset -40px -30px 70px rgba(0,0,0,.6)}.teaser-ring{position:absolute;left:50%;top:48%;border:1px solid rgba(117,230,255,.36);border-radius:50%;transform:translate(-50%,-50%) rotate(-14deg)}.teaser-ring.r1{width:370px;height:110px}.teaser-ring.r2{width:430px;height:150px;opacity:.35}.teaser-ship{position:absolute;left:21%;top:30%;font-size:74px;color:#d9fbff;transform:rotate(100deg);filter:drop-shadow(0 0 18px #29cfff);animation:teaserFly 4s ease-in-out infinite}.teaser-badge{position:absolute;right:22px;bottom:22px;border:1px solid rgba(117,230,255,.25);padding:10px 13px;color:#8beeff;font-size:11px;letter-spacing:.16em;background:rgba(2,10,17,.72)}@keyframes teaserFly{50%{transform:translate(55px,35px) rotate(110deg) scale(1.08)}}

.campaign-page{background:#01050a;color:#eafaff;min-height:100vh}.campaign-hero{position:relative;padding:150px 0 70px;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(34,192,255,.14),transparent 27%),linear-gradient(180deg,#020711,#02050a)}.campaign-stars{position:absolute;inset:0;opacity:.8;background-image:radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle,rgba(92,213,255,.8) 1px,transparent 1px);background-size:54px 54px,91px 91px;background-position:0 0,28px 15px;animation:campaignStars 18s linear infinite}@keyframes campaignStars{to{background-position:-220px 70px,-330px 120px}}.campaign-hero-grid{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end}.campaign-copy h1{font-size:clamp(58px,8vw,122px);line-height:.82;margin:18px 0}.campaign-copy h1 em{font-style:normal;color:#65ddff}.campaign-copy p{max-width:760px;color:#96adbf;font-size:18px;line-height:1.8}.campaign-meta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.campaign-meta span{border:1px solid rgba(104,219,255,.18);background:rgba(6,19,29,.62);min-width:125px;padding:13px 16px;font-size:10px;letter-spacing:.15em;color:#849cb0}.campaign-meta b{display:block;font-size:26px;color:#ecfbff}.campaign-profile{border:1px solid rgba(109,227,255,.2);background:linear-gradient(180deg,rgba(8,30,45,.8),rgba(2,9,15,.7));padding:24px;clip-path:polygon(0 0,94% 0,100% 12%,100% 100%,6% 100%,0 88%)}.campaign-profile>span{font-size:10px;letter-spacing:.18em;color:#6edfff}.campaign-profile>strong{display:block;font-size:32px;margin:10px 0 20px}.campaign-profile>div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid rgba(255,255,255,.07)}.campaign-profile small{color:#6f8799}.campaign-console{padding-top:30px;background:radial-gradient(circle at 50% 20%,rgba(29,132,193,.09),transparent 28%)}.campaign-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.mission-map-panel,.game-panel{border:1px solid rgba(112,220,255,.16);background:rgba(3,13,21,.72);backdrop-filter:blur(12px)}.mission-map-panel{padding:16px;position:sticky;top:90px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:10px;letter-spacing:.14em;color:#78dfff}.panel-head b{color:#e7faff}.sector-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.sector-tab{appearance:none;border:1px solid rgba(105,215,255,.14);background:#06131d;color:#70899d;min-height:48px;padding:7px;cursor:pointer}.sector-tab small{display:block;font-size:8px;margin-top:2px}.sector-tab.active{color:#dffaff;border-color:rgba(83,220,255,.55);background:rgba(20,107,143,.28)}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.level-node{position:relative;min-height:56px;border:1px solid rgba(98,205,255,.12);background:#051019;color:#50687b;cursor:pointer;padding:6px}.level-node b{display:block;font-size:13px}.level-node span{font-size:6px;letter-spacing:.08em}.level-node i{position:absolute;right:4px;top:2px;color:#68e8ff;font-style:normal}.level-node.unlocked{color:#cdefff;border-color:rgba(81,203,244,.28)}.level-node.selected{box-shadow:inset 0 0 0 1px #68e8ff,0 0 16px rgba(34,206,255,.12);background:rgba(14,97,131,.32)}.level-node.boss{border-color:rgba(255,86,134,.35);color:#ff91af}.level-node.locked{opacity:.35;cursor:not-allowed}.reward-track{margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.07)}.reward-row{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.reward-card{position:relative;min-height:86px;border:1px solid rgba(255,255,255,.08);padding:10px;background:#061019}.reward-card>span{font-size:20px;color:#68e8ff}.reward-card b,.reward-card small{display:block}.reward-card b{font-size:9px;color:#7bdff7}.reward-card small{font-size:8px;color:#93aabd;margin-top:2px}.reward-card i,.reward-card button{display:inline-block;margin-top:8px;font-size:7px;letter-spacing:.1em}.reward-card button{border:1px solid #58d9ff;background:rgba(44,179,221,.16);color:#c7f7ff;padding:5px 7px;cursor:pointer}.reward-card.locked{opacity:.38}.reward-card.claimed{border-color:rgba(113,255,184,.25)}.reward-card.claimed i{color:#65efb5}.game-panel{padding:12px;min-width:0}.game-hud{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px}.game-hud>div{border:1px solid rgba(108,219,255,.13);background:#06131d;padding:8px 10px}.game-hud span{display:block;font-size:7px;letter-spacing:.13em;color:#6b869a}.game-hud b{font-size:13px;color:#e2f9ff}.campaign-stage{position:relative;overflow:hidden;border:1px solid rgba(102,222,255,.2);background:#020711;aspect-ratio:16/9}.campaign-stage canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.campaign-overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,rgba(7,35,52,.42),rgba(1,4,8,.78));z-index:6;padding:20px}.campaign-overlay.hidden{display:none}.campaign-modal{width:min(540px,92%);border:1px solid rgba(111,228,255,.25);background:rgba(3,13,21,.9);padding:28px;clip-path:polygon(0 0,96% 0,100% 8%,100% 100%,4% 100%,0 92%)}.campaign-modal h2{font-size:clamp(30px,4vw,54px);line-height:.95;margin:12px 0}.campaign-modal p{color:#94adbf;line-height:1.7}.overlay-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.overlay-reward{margin-top:15px;padding:12px;border:1px solid rgba(255,221,89,.2);color:#ffe277;background:rgba(115,83,7,.12);font-size:12px;letter-spacing:.08em}.boss-bar{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:min(520px,70%);z-index:5;background:rgba(2,7,12,.78);border:1px solid rgba(255,76,125,.35);padding:7px 9px;display:flex;align-items:center;gap:10px}.boss-bar span{font-size:9px;color:#ff6d9b;letter-spacing:.14em}.boss-bar i{height:8px;flex:1;background:#1c0b12;overflow:hidden}.boss-bar b{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff335f,#ff7ea4);transition:width .15s}.pickup-toast{position:absolute;left:50%;top:20%;transform:translate(-50%,-10px);opacity:0;z-index:7;color:#8cf5ff;border:1px solid rgba(107,232,255,.25);background:rgba(3,17,25,.84);padding:8px 12px;font-size:10px;letter-spacing:.13em;transition:.2s}.pickup-toast.show{opacity:1;transform:translate(-50%,0)}.campaign-controls{margin-top:10px}.mission-objective{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.07);margin-top:10px;padding:12px 4px 2px;font-size:9px;letter-spacing:.12em;color:#7891a4}.mission-objective b{color:#dffaff}.campaign-controls .game-actions{display:flex;gap:8px;flex-wrap:wrap}.campaign-controls button{min-height:44px}.campaign-controls .game-fire{background:rgba(255,55,97,.18)!important;border-color:rgba(255,87,128,.45)!important;color:#ff9ab5!important}

@media (max-width:1100px){.game-teaser-grid,.campaign-hero-grid,.campaign-layout{grid-template-columns:1fr}.mission-map-panel{position:relative;top:auto}.campaign-layout{gap:12px}.mission-map-panel{order:2}.game-panel{order:1}.reward-row{grid-template-columns:repeat(4,1fr)}}
@media (max-width:720px){.game-teaser-visual{min-height:340px}.campaign-hero{padding-top:120px}.campaign-meta span{min-width:100px}.game-hud{grid-template-columns:repeat(3,1fr)}.game-hud>div:nth-child(4),.game-hud>div:nth-child(5){grid-column:span 1}.level-grid{grid-template-columns:repeat(5,1fr)}.reward-row{grid-template-columns:repeat(2,1fr)}.campaign-modal{padding:20px}.campaign-controls{display:flex!important;gap:10px;justify-content:space-between;align-items:center}.campaign-controls .game-dpad{display:grid!important}.campaign-controls .game-actions{justify-content:flex-end}.campaign-controls .game-actions button{font-size:9px;padding:8px}.mission-objective{flex-direction:column}}
@media (prefers-reduced-motion:reduce){.teaser-ship,.campaign-stars{animation:none!important}}

/* === V11: evolving weapons + colossal monsters + homepage game icon === */
.game-hud{grid-template-columns:repeat(6,1fr)}
.game-hud .hud-weapon{background:linear-gradient(180deg,rgba(13,51,72,.86),rgba(5,20,31,.92));border-color:rgba(105,232,255,.3)}
.game-hud .hud-weapon b{color:#8ff1ff;font-size:10px;letter-spacing:.04em}
.level-node.colossal{box-shadow:inset 0 0 0 1px rgba(255,77,160,.45),0 0 18px rgba(255,46,122,.12);background:linear-gradient(145deg,rgba(87,7,37,.5),rgba(15,7,29,.8))}
.level-node.colossal span{color:#ff78bd}
.boss-bar{width:min(650px,78%);padding:9px 11px;box-shadow:0 0 28px rgba(255,51,111,.12)}
.boss-bar span{min-width:max-content;font-weight:800}

.home-game-fab{position:fixed;z-index:99;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 12px 8px 8px;border:1px solid rgba(103,230,255,.38);background:linear-gradient(145deg,rgba(3,18,29,.92),rgba(7,36,52,.88));backdrop-filter:blur(14px);color:#eaffff;text-decoration:none;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:0 0 0 1px rgba(29,171,220,.08) inset,0 12px 38px rgba(0,0,0,.35);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.home-game-fab:hover{transform:translateY(-4px);border-color:#7cecff;background:linear-gradient(145deg,rgba(5,28,43,.96),rgba(10,58,79,.9))}
.home-game-fab:focus-visible{outline:2px solid #87efff;outline-offset:3px}
.home-game-fab-icon{position:relative;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(112,234,255,.4);background:radial-gradient(circle,rgba(55,213,255,.22),rgba(1,10,18,.9));box-shadow:0 0 22px rgba(55,211,255,.16)}
.home-game-fab-icon:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(94,226,255,.18);border-radius:50%;animation:gameFabPulse 2s ease-out infinite}
.home-game-fab-icon svg{width:28px;height:28px;fill:none;stroke:#9ef3ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.home-game-fab-copy{display:flex;flex-direction:column;line-height:1.05}.home-game-fab-copy b{font-size:12px;letter-spacing:.12em}.home-game-fab-copy small{margin-top:4px;color:#72dff8;font-size:7px;letter-spacing:.1em}.home-game-fab>i{font-style:normal;color:#7cecff;font-size:11px}
@keyframes gameFabPulse{0%{transform:scale(.92);opacity:.75}75%,100%{transform:scale(1.38);opacity:0}}
html[dir="rtl"] .home-game-fab{right:auto;left:22px}

@media(max-width:900px){.game-hud{grid-template-columns:repeat(3,1fr)}.home-game-fab{right:12px;bottom:12px;padding-right:9px}.home-game-fab-copy{display:none}html[dir="rtl"] .home-game-fab{right:auto;left:12px}}
@media(max-width:520px){.game-hud{grid-template-columns:repeat(2,1fr)}.game-hud .hud-weapon{grid-column:span 2}.boss-bar{width:88%}.boss-bar span{font-size:7px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){.home-game-fab-icon:after{animation:none}}