:root{color-scheme:dark;--black:#080a0d;--text:#edf2f7;--muted:#aab4c0;--line:#ffffff28;--silver:#bbc5d0;--ice:#a8c8d8;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--black);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #d6ecfa;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:#fff;color:#000;padding:14px}.skip:focus{top:10px}.site-nav{position:absolute;z-index:10;top:0;left:0;width:100%;height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;gap:24px;border-bottom:1px solid #ffffff12;background:linear-gradient(#080a0d65,transparent)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand svg{width:45px;stroke:#d4dee9;fill:none;stroke-width:1.4}.brand svg circle{fill:#e7f4ff;stroke:none}.brand span{font-size:22px;letter-spacing:.15em;font-weight:650}.brand b{font-size:17px;font-weight:500;letter-spacing:.22em;margin-left:12px}.site-nav nav{display:flex;align-items:center;gap:36px;font-size:13px;letter-spacing:.1em}.site-nav nav>a{position:relative;padding:10px 0}.site-nav nav>a:after{content:"";height:1px;background:#fff;position:absolute;bottom:0;left:0;width:0;transition:width .25s}.site-nav nav>a:hover:after{width:100%}.nav-entry span{margin-left:20px}.cinematic{position:relative;isolation:isolate;overflow:hidden;min-height:740px;height:100svh;max-height:1240px}.scene{position:absolute;inset:-3%;z-index:-3;background-size:cover;background-repeat:no-repeat;will-change:transform;animation:scene-drift 28s ease-in-out infinite alternate}.scene-core{background-image:url('/brand-assets/neural-core.webp');background-position:center}.scene-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06090dd9 0%,#06090d48 49%,#06090d08 75%),linear-gradient(0deg,#080a0dd9 0%,transparent 24%,transparent 80%,#080a0d30)}#signal-field{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;mix-blend-mode:screen;opacity:.65}.hero-copy{position:absolute;left:6%;top:23%;max-width:780px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.21em;line-height:1.8;color:#bfccd8;margin:0 0 26px}.eyebrow i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#cde6f6;box-shadow:0 0 10px #bde4ff;margin-right:10px;vertical-align:2px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,5.9vw,102px);font-weight:600;letter-spacing:-.065em;line-height:1.16;margin-bottom:24px;text-shadow:0 2px 24px #0003}.hero-english{font-size:clamp(17px,2vw,32px);letter-spacing:.16em;line-height:1.2;font-weight:400;margin-bottom:24px;color:#d8e1e9}.hero-description{font-size:14px;line-height:1.9;letter-spacing:.04em;color:#b9c4cf;margin-bottom:30px}.outline-button{display:inline-flex;align-items:center;gap:14px;border:1px solid #c5d1dc88;padding:20px 24px;min-height:64px;font-size:13px;position:relative;overflow:hidden;transition:background .25s,color .25s;border-radius:1px}.outline-button small{font-size:9px;letter-spacing:.13em}.outline-button>span{margin-left:28px;font-size:19px}.outline-button:hover{color:#080a0d;background:#e0e7ed}.scene-foot{position:absolute;bottom:30px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.14em;color:#a9b4c0}.scene-foot>a{font-size:11px}.scene-foot>a span{margin-left:30px}.scene-foot>button{font-size:10px;background:#080a0d66;border:1px solid #c2cfdd44;border-radius:2px;padding:9px 12px;cursor:pointer}.depth-section,.directions-section{padding:120px 6% 130px;max-width:1800px;margin:auto}.section-head h2{font-size:clamp(40px,4.4vw,70px);font-weight:500;letter-spacing:-.045em;line-height:1.2;margin-bottom:22px}.section-English{font-size:11px;letter-spacing:.18em;color:#9eaab8;line-height:1.6}.depth-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:6%;margin-top:65px}.orbital-stage{height:440px;position:relative;border:1px solid #c3d4e520;background:radial-gradient(ellipse at 50% 45%,#242e3b88,transparent 65%);overflow:hidden}.orbital-stage:before,.orbital-stage:after{content:"";position:absolute;width:28px;height:28px;pointer-events:none;border-color:#cbdbe6;border-style:solid;opacity:.6}.orbital-stage:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.orbital-stage:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}#depth-field{width:100%;height:100%;display:block}.stage-caption{position:absolute;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.08em;color:#91a3b6;gap:15px}.dimension-tabs{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff25;gap:10px;margin-bottom:44px}.dimension-tabs button{padding:18px 0;background:transparent;border:0;border-bottom:2px solid transparent;color:#8f9baa;font-size:14px;cursor:pointer;white-space:nowrap}.dimension-tabs button[aria-selected=true]{color:#eff8ff;border-bottom-color:#d1e0ed}.dimension-console h3{font-size:clamp(23px,2.4vw,34px);font-weight:500;letter-spacing:-.025em;margin-bottom:22px}.dimension-console #dimension-copy{font-size:15px;line-height:2;color:#abb7c4;max-width:500px;min-height:92px}.dimension-question{margin-top:26px;font-size:12px;color:#cee0ec;border-left:2px solid #718a9a;padding-left:15px;line-height:1.8}.concept-note{font-size:11px;line-height:1.8;color:#778594;margin-top:40px;max-width:440px}.attractor-chapter{min-height:680px;height:85svh;max-height:1000px}.scene-attractor{background-image:url('/brand-assets/attractor-basin.webp');background-position:center}.attractor-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080a0d00 25%,#080a0d99 54%,#080a0ddd 100%),linear-gradient(0deg,#080a0d,transparent 20%,transparent 80%,#080a0d55)}.chapter-copy{position:absolute;right:7%;top:23%;max-width:550px}.chapter-copy h2{font-size:clamp(40px,4.2vw,68px);font-weight:500;letter-spacing:-.05em;line-height:1.18}.chapter-english{font-size:19px;letter-spacing:.1em;line-height:1.35;color:#d0dbe5}.chapter-copy>p:not([class]){color:#b7c2cc;font-size:14px;line-height:2}.chapter-note{font-size:9px;letter-spacing:.18em;color:#8e9dab;display:block;margin-top:35px}.directions{margin-top:65px}.direction{display:grid;grid-template-columns:90px 1fr 100px;gap:25px;padding:40px 0 42px;border-top:1px solid var(--line)}.direction-index{font-size:11px;letter-spacing:.14em;color:#7d8b9c;padding-top:6px}.direction .eyebrow{margin-bottom:13px;font-size:10px}.direction h3{font-size:31px;font-weight:500;letter-spacing:-.03em;margin-bottom:16px}.direction p:not(.eyebrow){font-size:14px;color:#98a7b8;line-height:1.9;max-width:650px;margin-bottom:0}.direction-symbol{color:#8798a8;font-size:53px;text-align:center;align-self:center}.manifesto{padding:100px 7% 125px;text-align:center;background:radial-gradient(ellipse at 50% 65%,#202b3644,transparent 70%);border-top:1px solid #ffffff13}.manifesto h2{font-size:clamp(45px,5vw,76px);font-weight:500;letter-spacing:-.05em;line-height:1.25;margin-bottom:30px}.manifesto>p:not([class]){font-size:15px;line-height:2;color:#aab7c5}.manifesto-en{font-size:11px;letter-spacing:.18em;line-height:1.8;color:#a9bccb;margin:27px 0 35px}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:36px 6%;border-top:1px solid #ffffff17;font-size:9px;letter-spacing:.1em;color:#8b99a8}footer .footer-brand{color:#dbe5ed;font-size:13px}footer small{width:100%;text-align:right;font-size:9px;color:#637181}.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .9s ease,transform .9s ease}.js-ready .reveal.is-visible{opacity:1;transform:none}.motion-paused .scene{animation-play-state:paused}@keyframes scene-drift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(-.6%,.5%,0)}}
/* The authentication page shares the same material and typographic system. */
.login-page{min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate}.login-backdrop{position:fixed;inset:0;z-index:-3;background:#080a0d url('/brand-assets/neural-core.webp') 65% center/cover no-repeat}.login-veil{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#080a0d88,#080a0d44 45%,#080a0ddd),linear-gradient(0deg,#080a0de8,transparent 45%)}.login-nav{position:relative}.login-nav>a:last-child{font-size:11px;letter-spacing:.1em;color:#a9b7c5}.login-layout{flex:1;display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:center;max-width:1480px;width:100%;margin:auto;padding:70px 6% 90px}.login-mission h1{font-size:clamp(43px,4.8vw,76px);font-weight:500;line-height:1.2}.login-mission .hero-english{font-size:20px;letter-spacing:.1em;line-height:1.5}.login-mission>p:last-child{max-width:480px;color:#aebbc8;font-size:14px;line-height:2}.login-card{padding:36px;border:1px solid #b9c9d13d;background:linear-gradient(135deg,#20262eea,#0b1016f0);box-shadow:0 24px 90px #0008,inset 0 1px 0 #ffffff14;backdrop-filter:blur(18px);border-radius:4px;max-width:410px;width:100%;justify-self:end;position:relative}.login-card:before{content:"";position:absolute;top:-1px;left:36px;width:80px;height:1px;background:#edf7ff}.login-card h2{font-size:24px;font-weight:500;margin-bottom:8px}.login-card .login-sub{font-size:10px;letter-spacing:.12em;line-height:1.8;color:#8fa1b4;margin-bottom:30px}.login-card label{display:block;font-size:12px;color:#b5c2d0;margin-bottom:9px}.login-card input:not([type=hidden]){width:100%;border:1px solid #a2b4c144;background:#080c12aa;color:#edf4fa;padding:14px 15px;border-radius:2px;min-height:49px;margin-bottom:21px;transition:border-color .2s}.login-card input:focus{border-color:#b9d8e9;outline:1px solid #b9d8e9;outline-offset:0}.login-card input::placeholder{color:#65778a}.login-submit{width:100%;min-height:52px;border:1px solid #e7f1f7;background:linear-gradient(120deg,#f1f5f8,#b6c1cc 60%,#e5ebf0);font-size:13px;color:#10161d;letter-spacing:.05em;cursor:pointer;margin-top:5px;box-shadow:inset 0 1px 0 #fff}.login-submit:hover{filter:brightness(1.1)}.login-notice{border-top:1px solid #ffffff18;margin:25px 0 0;padding-top:20px;font-size:11px;line-height:1.8;color:#7d8e9f}.login-error{display:none;border:1px solid #b8867d66;background:#57362c55;color:#f0c4b9;font-size:12px;line-height:1.7;padding:11px;margin-bottom:24px}.login-error.show{display:block}.login-footer{padding:0 6% 25px;display:flex;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:.14em;color:#7d8b9a}.login-status{font-size:10px;letter-spacing:.12em;color:#afc0cd;margin-bottom:25px}.login-status:before{content:"";display:inline-block;width:5px;height:5px;background:#d6e5ef;border-radius:50%;margin-right:9px;vertical-align:2px}
@media(min-width:1800px){.hero-copy{left:8%;top:25%}}@media(max-width:1000px){.site-nav{padding:0 5%;height:88px}.brand b{font-size:13px;letter-spacing:.1em}.site-nav nav{gap:20px;font-size:12px}.hero-copy{left:6%;top:23%}.hero-description{font-size:13px}.hero-english{font-size:22px}.depth-layout{gap:4%;grid-template-columns:1fr 1fr}.orbital-stage{height:380px}.depth-section,.directions-section{padding-top:90px;padding-bottom:90px}.dimension-tabs{gap:7px}.dimension-tabs button{font-size:12px}.chapter-copy{right:5%;max-width:440px}.login-layout{gap:5%;grid-template-columns:1.1fr 1fr}.login-card{padding:30px}.login-mission h1{font-size:47px}}
@media(max-width:700px){.site-nav{height:78px;padding:0 6%}.brand svg{width:31px}.brand span{font-size:18px}.brand b{display:block;font-size:9px;margin:4px 0 0;letter-spacing:.18em}.site-nav nav>a:not(.nav-entry){display:none}.site-nav nav{gap:0}.nav-entry{font-size:11px}.nav-entry span{margin-left:8px}.cinematic{min-height:760px;max-height:1000px}.scene-core{background-position:63% center}.scene-shade{background:linear-gradient(90deg,#080a0dc9,#080a0d33),linear-gradient(0deg,#080a0de8,transparent 55%)}.hero-copy{top:25%;left:7%;right:7%}.hero-copy .eyebrow{font-size:9px;margin-bottom:26px}h1{font-size:clamp(45px,9.7vw,64px);letter-spacing:-.07em}.hero-english{font-size:21px;margin-bottom:24px}.hero-description{font-size:12px;max-width:300px}.outline-button{padding:17px 20px;font-size:12px;min-height:58px;gap:10px}.outline-button small{font-size:8px}.outline-button>span{margin-left:12px}.scene-foot{left:7%;right:7%;bottom:24px;flex-wrap:wrap;font-size:8px;gap:16px}.scene-foot>span{width:100%}.scene-foot>a{font-size:10px}.scene-foot>button{margin-left:auto;font-size:9px}.depth-section,.directions-section{padding:80px 7%}.section-head h2{font-size:40px}.section-English{font-size:9px;letter-spacing:.11em}.depth-layout{grid-template-columns:1fr;margin-top:35px;gap:30px}.orbital-stage{height:310px}.dimension-tabs{margin-bottom:30px}.dimension-tabs button{font-size:14px}.dimension-console h3{font-size:25px}.dimension-console #dimension-copy{font-size:14px;min-height:84px}.concept-note{margin-top:26px}.attractor-chapter{height:85svh;min-height:760px}.scene-attractor{background-position:35% center;opacity:.75}.attractor-shade{background:linear-gradient(0deg,#080a0df5,#080a0d20 75%),linear-gradient(90deg,#080a0d35,#080a0d75)}.chapter-copy{top:auto;bottom:11%;left:7%;right:7%;max-width:none}.chapter-copy h2{font-size:42px}.chapter-english{font-size:17px}.chapter-copy>p:not([class]){font-size:13px}.direction{grid-template-columns:29px 1fr;gap:12px;padding:30px 0}.direction-symbol{display:none}.direction h3{font-size:25px}.direction .eyebrow{font-size:8px;letter-spacing:.08em}.direction p:not(.eyebrow){font-size:13px}.manifesto{padding:80px 7%}.manifesto h2{font-size:42px}.manifesto>p:not([class]){font-size:13px}.manifesto-en{font-size:9px}footer{padding:28px 7%;gap:20px}footer>span{font-size:8px}footer small{text-align:left;font-size:8px}.login-layout{grid-template-columns:1fr;padding:45px 7% 50px;gap:36px}.login-mission h1{font-size:42px;margin-bottom:16px}.login-mission .eyebrow{margin-bottom:18px;font-size:9px}.login-mission .hero-english{font-size:14px;line-height:1.6;margin-bottom:15px}.login-mission>p:last-child{font-size:12px;line-height:1.9;max-width:340px}.login-card{justify-self:stretch;max-width:none;padding:28px}.login-nav{height:80px}.login-nav>a:last-child{font-size:10px}.login-backdrop{background-position:65% center;opacity:.6}.login-veil{background:linear-gradient(#080a0d55,#080a0de5 60%)}.login-footer{padding:0 7% 22px;font-size:8px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene{animation:none!important;transform:none!important}.reveal,.js-ready .reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{scroll-behavior:auto!important}}
/* Third art review: preserve focal objects and readable composition across aspect ratios. */
@media(min-width:1400px) and (max-height:850px){.hero-copy{top:19%}.hero-copy h1{font-size:76px;margin-bottom:18px}.hero-english{font-size:24px;margin-bottom:17px}.hero-copy .eyebrow{margin-bottom:18px}.hero-description{margin-bottom:22px}.hero-copy .outline-button{padding:16px 22px;min-height:58px}}
@media(max-width:700px){.scene-core{background-position:69% center}.scene-attractor{background-position:20% center}.login-layout{padding-top:28px;gap:24px}.login-mission h1{font-size:35px;margin-bottom:12px}.login-mission .eyebrow{margin-bottom:12px}.login-mission .hero-english{font-size:11px;line-height:1.4;margin-bottom:0}.login-mission>p:last-child{display:none}.login-card{padding:24px}.login-status{margin-bottom:18px}.login-card .login-sub{margin-bottom:22px}.login-card input:not([type=hidden]){margin-bottom:17px}.login-notice{margin-top:20px;padding-top:16px}}