/* Spatial depth through static gradients and layered surfaces, not continuous rendering. */
:root{--void:#080b18;--panel:#11182c;--panel-2:#18203a;--line:#a7b6e321;--mint:#9ce8d2;--indigo:#aaa2ff;--muted:#a0acc8;--ink:#f2f4ff;}
body{background:radial-gradient(ellipse at 85% 10%,#36335d55,transparent 45%),radial-gradient(ellipse at 0% 40%,#154b5050,transparent 35%),var(--void);}
header{top:12px;left:18px;right:18px;border:1px solid #c0ceff24;border-radius:20px;background:#101528ed;box-shadow:0 14px 35px #0003;backdrop-filter:blur(12px);}
.nav{padding:14px 24px;max-width:1280px;}.logo{font-size:13px}.nav-links{gap:24px;font-size:13px}.nav-cta{border-radius:30px;background:#d1caff;color:#18152d;}
.hero{min-height:700px!important;padding:180px 0 100px!important;border-bottom:0!important;}.hero-inner{max-width:740px!important;}.hero h1{font-size:clamp(42px,5.6vw,76px)!important;letter-spacing:-.055em;line-height:1.06!important;}.hero-sub{max-width:490px!important}.hero .wrap{width:100%;}.hero-inner{isolation:isolate;}.cursor{display:none!important}
.orbital-art{position:absolute;left:calc(100% + 20px);top:0;width:310px;height:330px;pointer-events:none;z-index:-1;perspective:600px;}.orbit{position:absolute;inset:35px 0;border:1px solid #afa2ff88;border-radius:50%;box-shadow:0 0 25px #b0a2ff18;}.o1{transform:rotateX(60deg) rotateZ(-30deg)}.o2{transform:rotateY(60deg) rotateZ(35deg)}.orb-core{position:absolute;inset:80px 75px;background:linear-gradient(135deg,#e2dcff,#8173c6 65%,#365c69);border:1px solid #eee8ff99;box-shadow:inset -16px -15px 30px #30224766,0 40px 70px #0005;border-radius:38px;transform:rotate(-12deg);display:grid;place-items:center;font:50px var(--mono);color:#24203e}.orbit-tag{position:absolute;bottom:0;left:45px;font:11px var(--mono);letter-spacing:2px;color:var(--mint)}
.btn{border-radius:30px;min-height:44px}.btn-primary{background:#c6bdff;color:#17132c;box-shadow:0 8px 24px #8e79e522}.btn-ghost{border:1px solid #a0acc855}.page-hero{padding-top:160px}.page-hero h1{letter-spacing:-.04em;max-width:900px}.compact-section{padding-top:20px}
.path-card,.post-card,.resource-card,.book-spotlight,.connect,.request-panel{background:linear-gradient(145deg,#202a43c9,#11172bd9);border:1px solid #c1c9ed24;box-shadow:inset 0 1px 0 #ffffff0a,0 18px 40px #0002;border-radius:22px;}.path-card:hover,.post-card:hover{border-color:#b5a8ff88;transform:translateY(-3px)}.blog-band{background:linear-gradient(140deg,#b0a4e7,#9caee3);border-radius:34px;margin:16px 20px}.cube{animation:none!important;transform:rotateX(-20deg) rotateY(35deg)}
.quick-search{position:relative;margin-top:-28px}.quick-search form{max-width:850px;padding:28px 32px;border:1px solid #c1c9ed38;border-radius:22px;background:#1b2335;box-shadow:0 20px 40px #0003}.quick-search label{display:block;margin-bottom:12px;color:var(--mint);font:12px var(--mono)}
.input-row{display:flex;gap:12px}.input-row input{flex:1;min-width:0}.input-row .btn{white-space:nowrap;border:0;cursor:pointer}input,textarea,select{font:16px var(--body);color:var(--ink);background:#0b1225;border:1px solid #a6b7e23d;border-radius:12px;padding:13px 15px;max-width:100%;}textarea{resize:vertical}label{display:block;margin:14px 0 8px;font-size:14px}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a,button,input,textarea{touch-action:manipulation}.request-panel{padding:28px;margin-top:25px}.request-panel h2{font-size:23px}.request-panel p{font-size:14px;color:var(--muted-2);margin:12px 0}.request-panel input,.request-panel textarea,.request-panel select{width:100%}.request-panel button{margin-top:14px}.results-list{display:grid;gap:16px;margin-top:20px}.result-card{display:block;padding:24px;border:1px solid var(--line);border-radius:18px;background:#182139}.result-card small{color:var(--mint);font:11px var(--mono)}.result-card h2{font-size:22px;margin:7px 0}.result-card p{color:var(--muted-2);font-size:14px}
.share-panel{margin:50px auto;padding-top:28px;padding-bottom:28px;border-top:1px solid var(--line);max-width:850px}.share-panel textarea{width:100%}.share-panel h2{font-size:26px}.share-buttons,.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.share-buttons button{border:1px solid #a6b7e244;border-radius:25px;background:#1d2742;color:var(--ink);padding:12px 18px}.share-panel p{font-size:13px;color:var(--muted);margin-top:12px}.sitemap-list{display:grid;gap:12px}.sitemap-list li{padding:16px 22px;display:flex;justify-content:space-between;gap:20px;background:#172035;border-radius:12px}.sitemap-list span{font:11px var(--mono);color:var(--mint)}
.community-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:36px}.community-sidebar{min-width:0}.question-card{margin:20px 0;padding:26px;background:#151e34;border:1px solid var(--line);border-radius:20px;overflow-wrap:anywhere}.question-card h3{font-size:23px;margin:8px 0}.question-card p{white-space:pre-wrap;font-size:15px;color:var(--muted-2);margin:12px 0}.question-card small{color:var(--mint)}.answer{margin-top:18px;padding:18px;border-left:2px solid var(--indigo);background:#0c1427;border-radius:0 12px 12px 0}.answer.accepted{border-color:var(--mint)}.badge{font:11px var(--mono);color:var(--mint);padding:5px 9px;border:1px solid var(--line);border-radius:15px}.question-card textarea{width:100%}.question-card button{padding:8px 13px;border:1px solid var(--line);background:#26314c;color:var(--ink);border-radius:15px}.question-card details{margin-top:16px}summary{cursor:pointer;color:var(--mint)}
.lab-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}.lab-stage{padding:22px;text-align:center;background:#111a30;border:1px solid var(--line);border-radius:24px}.lab-stage canvas{width:100%;height:auto;display:block;aspect-ratio:800/520}.lab-stage p{font-size:12px;color:var(--muted);margin-top:16px}.lab-layout .request-panel{margin:0}.lab-layout input{width:100%;accent-color:var(--mint)}.lab-layout details{margin-top:20px}.consent-panel{border-radius:20px}
@media(min-width:861px) and (max-width:1200px){.orbital-art{left:75%;opacity:.3}.hero-inner{max-width:700px!important}.nav-links{gap:14px}.nav-cta{display:block}}
@media(max-width:860px){header{top:8px;left:10px;right:10px}.nav{padding:12px 16px}.nav-cta{display:inline-block;margin-left:auto;font-size:11px;padding:9px 12px}.hero{min-height:590px!important;padding:145px 0 80px!important}.orbital-art{display:none}.hero h1{font-size:48px!important}.page-hero{padding-top:135px}.community-layout,.lab-layout{grid-template-columns:1fr}.community-sidebar{order:0}.mobile-menu{top:80px}.blog-band{margin:10px;border-radius:24px}.quick-search form{padding:22px}.path-grid{gap:14px}.request-panel{padding:22px}}
@media(max-width:480px){.logo{font-size:10px;gap:5px}.nav{gap:8px}.input-row{flex-direction:column}.hero h1{font-size:42px!important}.sitemap-list li{align-items:flex-start}.sitemap-list span{flex-shrink:0}.question-card{padding:20px}.share-buttons button{font-size:13px;padding:11px 14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.path-card:hover,.post-card:hover{transform:none}}
/* Integrate the bilingual Learning Hub without changing its reader behavior. */
.nav-cta{display:inline-block}.nav-links{gap:18px}.learn-card,.language-preview,.progress-panel,.native-banner,.lesson-completion{border-radius:22px;box-shadow:0 16px 35px #0002}.learning-hero{border-bottom:0}.learning-hero h1{letter-spacing:-.045em}.lesson-hero{padding-top:145px}.reader-sidebar{top:105px}.reader-main{min-width:0}.lesson-copy pre{overflow-x:auto}.lesson-copy h2{letter-spacing:-.02em}.lesson-toolbar button,.lesson-toolbar a{border-radius:20px}.community-sidebar .request-panel input{min-height:44px}
@media(min-width:861px) and (max-width:1120px){.nav-links{gap:12px;font-size:12px}.logo{font-size:11px}.nav{gap:12px}.nav-cta{padding:9px 12px;font-size:11px}}
@media(max-width:700px){.lesson-hero{padding-top:120px}.reader-sidebar{position:static}.learning-hero{padding-top:130px}}
@media print{.share-panel,.quick-search,.orbital-art{display:none!important}body{background:white!important;color:#111!important}.lesson-copy pre{white-space:pre-wrap;overflow-wrap:anywhere}.lesson-copy,.reader-main,.reader-grid{box-shadow:none}.lesson-hero{padding-top:0}}