/* E-LAB V10 HYBRID FUTURE ECOSYSTEM — shipped visual upgrade (layout is real HTML, not an image screenshot) */
:root{--v10-navy:#06142d;--v10-cyan:#2edaff;--v10-gold:#ffbd4d;--v10-line:rgba(87,198,255,.28)}
body.elab-v10{background-color:#06142d;background-image:radial-gradient(ellipse 100% 50% at 72% 0%,rgba(16,82,180,.14),transparent 70%),radial-gradient(ellipse 120% 60% at 0% 40%,rgba(0,120,200,.09),transparent 76%)}
body.elab-v10 .site-header,body.elab-v10 .site-head,body.elab-v10 .header,body.elab-v10 .game-head{background:rgba(4,18,44,.95);border-bottom:1px solid var(--v10-line);box-shadow:0 10px 35px rgba(1,8,30,.27);backdrop-filter:blur(16px)}
body.elab-v10 .site-nav a.active,body.elab-v10 .site-nav a:hover{color:#73edff}
body.elab-v10 .site-nav a.active:after{content:'';display:block;height:2px;margin-top:5px;background:#49dfff;border-radius:6px;box-shadow:0 0 10px #49dfff}
body.elab-v10 a,body.elab-v10 button{touch-action:manipulation}
body.elab-v10 :focus-visible{outline:3px solid #ffe08e;outline-offset:3px}
body.elab-v10 .v10-hero{padding:58px 0 38px;background:radial-gradient(ellipse at 76% 39%,rgba(8,100,235,.22),transparent 51%),linear-gradient(165deg,rgba(10,37,85,.3),transparent 68%);isolation:isolate}
.v10-hero:before{background:radial-gradient(circle at 77% 48%,rgba(0,138,255,.18),transparent 42%)}
.v10-hero-grid{grid-template-columns:1.05fr .95fr;gap:30px}
.v10-hero-content h1{font-size:clamp(2.5rem,4.75vw,4.9rem);line-height:1.09;letter-spacing:-.05em;margin:0 0 17px}
.v10-hero-elab{font-size:clamp(2.8rem,5.5vw,5.6rem);font-weight:1000;letter-spacing:.055em;color:white;text-shadow:0 0 28px rgba(18,127,244,.55)}
.v10-hero-content .gradient-text{background:linear-gradient(99deg,#fff 10%,#5ad8ff 65%,#ffe4aa 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.v10-brand-slogan{color:#e9f5ff;font-size:clamp(.95rem,1.55vw,1.12rem);font-weight:850;letter-spacing:.05em;margin:3px 0 10px!important}
.v10-brand-slogan i{color:#fbc36b;font-style:normal;padding:0 2px}
.v10-hero-summary{font-size:clamp(.97rem,1.18vw,1.06rem)!important;line-height:1.75!important;max-width:570px!important}
.v10-trust-line{font-size:11px!important;letter-spacing:.12em;color:#9fe9ff!important;font-weight:850;margin-top:24px}
.v10-trust-line span{color:#ffc56c;margin:0 5px}
.v10-hero .btn{border-radius:999px;min-height:48px;padding:13px 22px}
.v10-hero .btn.v10-primary{background:linear-gradient(112deg,#0d75ec,#14d5f4);box-shadow:0 0 20px #2dbfff44,0 10px 30px #06316b}
.v10-hero-art{min-width:0;position:relative;filter:drop-shadow(0 18px 54px #0590ed30);border:1px solid rgba(78,189,253,.4);border-radius:25px;background:radial-gradient(circle at center,#124c97,#061a3c 80%);overflow:hidden}
.v10-hero-art picture,.v10-hero-art img{display:block;width:100%}
.v10-hero-art img{aspect-ratio:850/646;object-fit:cover;object-position:center;max-height:620px}
.v10-hero-art-caption{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(5,22,57,.8);border:1px solid #69cafa66;backdrop-filter:blur(10px);color:#d5f5ff;font-weight:800;text-align:center;font-size:12px;padding:9px 14px;border-radius:999px}
.v10-ecosystem-links{margin:30px 0 17px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;padding:9px 13px;border:1px solid rgba(110,208,255,.38);background:linear-gradient(115deg,rgba(15,47,97,.87),rgba(9,33,75,.92));border-radius:999px;box-shadow:0 0 40px rgba(0,130,255,.14),inset 0 1px 16px rgba(96,200,255,.07)}
.v10-ecosystem-links a{padding:10px 17px;color:#e8faff;font-size:13px;font-weight:780;white-space:nowrap;border-right:1px solid rgba(140,214,251,.32);transition:color .17s,background .17s}
.v10-ecosystem-links a:last-child{border:0}
.v10-ecosystem-links a:hover{color:#70eaff;background:rgba(82,174,252,.12);border-radius:20px}
.v10-ecosystem-links span{color:#f6bc69;font-weight:900;margin-right:5px}
.v10-hero .kicker-strip{margin-top:18px}
.v10-learning-section{position:relative;background:linear-gradient(180deg,rgba(2,19,48,.03),rgba(11,34,72,.25) 65%,transparent)}
.v10-learning-section .section-head{max-width:1000px}
.v10-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.v10-path-tile{display:flex;position:relative;align-items:center;min-width:0;min-height:153px;border:1px solid rgba(75,169,245,.42);border-radius:18px;background:linear-gradient(117deg,rgba(18,66,137,.97),rgba(10,34,82,.96));box-shadow:0 12px 27px rgba(0,0,0,.18);overflow:hidden;isolation:isolate;transition:transform .18s,border-color .18s,box-shadow .18s}
.v10-path-tile:before{content:'';position:absolute;inset:0;background:linear-gradient(95deg,rgba(4,24,66,1),rgba(7,36,92,.97) 48%,rgba(0,64,118,.27) 100%);z-index:-1}
.v10-path-tile:hover{transform:translateY(-3px);border-color:#6ddfff;box-shadow:0 15px 29px rgba(9,100,200,.23)}
.v10-path-tile .v10-path-photo{position:absolute;right:0;bottom:0;height:100%;width:49%;object-fit:cover;opacity:.88;mask-image:linear-gradient(to right,transparent,#000 45%);-webkit-mask-image:linear-gradient(to right,transparent,#000 45%);pointer-events:none;z-index:-1}
.v10-path-words{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;max-width:86%;padding:18px 7px 17px 18px;gap:5px}
.v10-path-tag{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#89eaff;font-weight:900}
.v10-path-words strong{font-size:clamp(.95rem,1.15vw,1.12rem);line-height:1.2;color:white;text-wrap:balance}
.v10-path-words small{color:#cde4f8;font-size:11px;line-height:1.3}
.v10-path-chevron{position:absolute;right:10px;top:10px;font-weight:900;color:white;opacity:.85;font-size:25px}
.v10-path-cambridge{border-color:rgba(255,189,75,.62)}.v10-path-cambridge .v10-path-tag{color:#ffd58a}
.v10-path-ielts,.v10-path-games{border-color:rgba(148,124,255,.52)}
.v10-path-ielts:before,.v10-path-games:before{background:linear-gradient(100deg,rgba(24,28,95,1),rgba(26,31,105,.93) 55%,rgba(85,42,143,.22))}
.v10-why-section{background:linear-gradient(160deg,rgba(5,33,77,.36),rgba(5,17,41,.14))}
.v10-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.v10-why-grid article{border:1px solid rgba(78,171,237,.36);border-radius:19px;background:linear-gradient(140deg,#113969b8,#0b264bde);padding:24px;box-shadow:inset 0 1px 25px #15539921}
.v10-why-grid article>span{display:block;font-size:31px;margin:0 0 10px}.v10-why-grid h3{font-size:17px;margin:0 0 6px;color:#effbff}.v10-why-grid p{font-size:13px;margin:0}
.v10-cta-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}.v10-cta-links a{color:#c0f8ff;text-decoration:underline;text-underline-offset:4px;font-size:13px;font-weight:800}
body.elab-v10 .card,body.elab-v10 .info-panel,body.elab-v10 .game-feature-card{border-color:rgba(81,165,245,.33)}
body.elab-v10 .feature-panel,body.elab-v10 .cover-splash,body.elab-v10 .cta-banner{box-shadow:0 16px 45px #00132a30,inset 0 1px 0 #8bcfff24}
body.elab-v10 .section-head .overline{color:#71e6ff}
/* Shared subpage polish: keep study/exam content and answer contrast untouched. */
body.elab-v10 .site-head,body.elab-v10 .header,body.elab-v10 .game-head{border-bottom-color:rgba(105,198,252,.37)}
body.elab-v10 .brand img,body.elab-v10 .logo img{filter:drop-shadow(0 0 8px #02a6ff1a)}
body.elab-v10 .head-links a:hover,body.elab-v10 .header nav a:hover,body.elab-v10 header nav a:hover{color:#68e9ff}
body.elab-v10 .journey,body.elab-v10 #library,body.elab-v10 #game-main{scroll-margin-top:80px}
@media (max-width:1200px){.v10-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-ecosystem-links{border-radius:25px}.v10-ecosystem-links a{padding:9px 15px}}
@media (max-width:900px){.v10-hero-grid{grid-template-columns:1fr}.v10-hero-art{max-width:710px;margin:0 auto;width:100%}.v10-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){body.elab-v10 .v10-hero{padding-top:31px;padding-bottom:26px}.v10-hero-grid{gap:18px}.v10-hero-content h1{font-size:clamp(2.25rem,9.3vw,3.2rem)}.v10-hero-elab{font-size:clamp(2.7rem,10vw,3.35rem)}.v10-hero-summary{font-size:15px!important}.v10-brand-slogan{font-size:12px;letter-spacing:0}.v10-trust-line{font-size:9px!important;letter-spacing:.04em}.v10-hero-art{border-radius:16px}.v10-hero-art img{aspect-ratio:511/298;height:auto}.v10-hero-art-caption{position:static;border:0;border-radius:0;background:#103669;font-size:11px}.v10-ecosystem-links{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:9px;border-radius:19px;margin:18px 0 7px}.v10-ecosystem-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;padding:7px 3px;font-size:10px;white-space:normal;line-height:1.22;border:0;min-height:53px}.v10-ecosystem-links span{font-size:17px;margin:0}.v10-path-grid{grid-template-columns:1fr;gap:11px}.v10-path-tile{min-height:112px}.v10-path-words{padding:14px 15px}.v10-path-words strong{font-size:18px}.v10-path-words small{font-size:12px}.v10-path-photo{max-width:42%}.v10-why-grid{grid-template-columns:1fr 1fr;gap:9px}.v10-why-grid article{padding:14px}.v10-why-grid article>span{font-size:25px}.v10-why-grid h3{font-size:14px}.v10-why-grid p{font-size:11px}.v10-cta-links{flex-direction:column;gap:6px}}
@media(max-width:360px){.v10-why-grid{grid-template-columns:1fr}.v10-brand-slogan{font-size:11px}}
@media(prefers-reduced-motion:reduce){.v10-path-tile{transition:none}.v10-path-tile:hover{transform:none}}