@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-0:#070b11;--bg-1:#0b1320;--bg-2:#111d32;--bg-spot-a:#61b5ff66;--bg-spot-b:#ffad7342;--panel:#0b142494;--panel-strong:#0b1424cc;--panel-a:#15233bbd;--panel-b:#08101f99;--line:#a7bfe147;--line-soft:#a7bfe129;--text:#f4f8ff;--muted:#9aa7c0;--surface-a:#22385acc;--surface-b:#0b1324b3;--surface-glow:#65e7ff2e;--bg-noise-opacity:.2;--cyan:#57d5ff;--orange:#ff9f6b;--lime:#b6ffaf;--radius-lg:26px;--radius-md:18px;--radius-sm:14px}html[data-theme=light]{--bg-0:#eef4ff;--bg-1:#e8f2ff;--bg-2:#f8fbff;--bg-spot-a:#7abdff73;--bg-spot-b:#ffb68452;--panel:#ffffffbd;--panel-strong:#ffffffe0;--panel-a:#ffffffeb;--panel-b:#e7f3ffdb;--line:#547eab47;--line-soft:#547eab2e;--text:#11233b;--muted:#4d6382;--surface-a:#f4fafff2;--surface-b:#dcecffd9;--surface-glow:#76c9ff33;--bg-noise-opacity:.12}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 14% -2%, var(--bg-spot-a) 0%, transparent 36%), radial-gradient(circle at 88% 8%, var(--bg-spot-b) 0%, transparent 34%), linear-gradient(140deg, var(--bg-0) 0%, var(--bg-1) 44%, var(--bg-2) 100%);background-attachment:fixed;margin:0;font-family:Manrope,Noto Sans SC,Segoe UI,sans-serif}h1,h2,h3{letter-spacing:.01em;font-family:Space Grotesk,Noto Sans SC,sans-serif}a{color:inherit;text-decoration:none}.scene-root{isolation:isolate;position:relative;overflow:hidden}.bg-orb{aspect-ratio:1;filter:blur(20px);pointer-events:none;z-index:-4;border-radius:50%;width:44vw;max-width:560px;animation:16s ease-in-out infinite orb-float;position:fixed}.orb-a{background:radial-gradient(circle at 30% 36%,#60d6ffe6 0%,#3371ff00 70%);top:-22vh;left:-12vw}.orb-b{background:radial-gradient(circle at 54% 42%,#ff9c6fbf 0%,#ff5da400 72%);animation-delay:-5s;top:38vh;right:-14vw}.orb-c{background:radial-gradient(circle,#97ffb85c 0%,#4cdbff00 72%);width:30vw;max-width:400px;animation-delay:-9s;top:72vh;left:28vw}.bg-grid{pointer-events:none;z-index:-3;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 54% 18%,#000 0%,#0000 82%);mask-image:radial-gradient(circle at 54% 18%,#000 0%,#0000 82%)}.bg-noise{pointer-events:none;z-index:-2;opacity:var(--bg-noise-opacity);background-image:radial-gradient(#ffffff38 .5px,#0000 .5px),radial-gradient(#ffffff26 .5px,#0000 .5px);background-position:0 0,12px 12px;background-size:24px 24px;position:fixed;inset:0}.site-shell{width:min(1160px,100% - 32px);margin:0 auto;padding:20px 0 118px}.glass-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(152deg, var(--panel-a) 0%, var(--panel-b) 100%);-webkit-backdrop-filter:blur(20px)saturate(115%);backdrop-filter:blur(20px)saturate(115%);box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff05,0 30px 70px #0208148f}.topbar{z-index:30;justify-content:flex-start;align-items:center;gap:16px;padding:12px 14px;display:flex;position:sticky;top:14px}.topbar:after{content:"";border-radius:inherit;pointer-events:none;opacity:.85;background:linear-gradient(120deg,#57d5ff1f,#ff9f6b14);position:absolute;inset:0}.logo-link{z-index:1;align-items:center;gap:10px;min-width:210px;display:inline-flex;position:relative}.site-logo{object-fit:cover;border:1px solid #ffffff52;border-radius:11px;width:38px;height:38px;box-shadow:0 10px 24px #0000006b}.logo-text{flex-direction:column;line-height:1.1;display:inline-flex}.logo-text strong{font-size:.98rem;font-weight:800}.logo-text em{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:.66rem;font-style:normal}.nav-links{z-index:1;border:1px solid var(--line-soft);background:#060c1780;border-radius:999px;gap:6px;margin-left:auto;padding:4px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f}.nav-links a{color:var(--muted);letter-spacing:.03em;border-radius:999px;padding:8px 12px;font-size:.86rem;transition:all .22s}.nav-links a:hover{color:#f7fbff}.nav-links a.active{color:#06131f;background:linear-gradient(125deg,#9be8ff 0%,#6ad2ff 48%,#75f3cf 100%);box-shadow:0 8px 24px #57d5ff59}.lang-switcher{z-index:1;border:1px solid var(--line-soft);background:#080f1c99;border-radius:999px;display:inline-flex;position:relative;overflow:hidden}.floating-settings{z-index:90;justify-items:end;gap:10px;display:grid;position:fixed;bottom:84px;right:18px}.floating-settings-panel{opacity:0;visibility:hidden;pointer-events:none;border-radius:16px;width:min(260px,100vw - 36px);padding:14px;transition:opacity .2s,transform .2s,visibility .2s;transform:translateY(8px)scale(.96)}.floating-settings.is-open .floating-settings-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.floating-settings-section-title{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:2px 0 8px;font-size:.76rem}.floating-pill-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.floating-pill{border:1px solid var(--line-soft);min-height:34px;color:var(--muted);letter-spacing:.04em;cursor:pointer;background:#ffffff0f;border-radius:999px;font-size:.78rem;font-weight:700;transition:all .2s}.floating-pill:hover{color:var(--text)}.floating-pill.is-active{color:#091827;background:linear-gradient(125deg,#9be8ff 0%,#6ad2ff 48%,#75f3cf 100%);border-color:#0000}html[data-theme=light] .floating-pill{background:#ffffffd9}.floating-settings-toggle{cursor:pointer;background:radial-gradient(circle at 32% 30%,#75e8ffad,#3d96ff1f 52%,#0000 74%),linear-gradient(150deg,#1a2f4feb,#081220f2);border:1px solid #8fd6ff66;border-radius:50%;place-items:center;width:58px;height:58px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:inset 0 1px #ffffff4d,0 15px 34px #0000006b,0 0 32px #58dbff40}.floating-settings-toggle:hover{transform:translateY(-2px)}.floating-settings-toggle.is-open{box-shadow:inset 0 1px #ffffff4d,0 15px 34px #0000006b,0 0 40px #58dbff80}html[data-theme=light] .floating-settings-toggle{background:radial-gradient(circle at 32% 30%,#92e3ffb3,#7ebfff33 52%,#0000 74%),linear-gradient(150deg,#f5fbfff2,#dfeeffeb);border-color:#579ce073;box-shadow:inset 0 1px #fff9,0 12px 30px #4a75b23d,0 0 28px #7dc7ff4d}.floating-settings-toggle-core{place-items:center;width:23px;height:23px;display:grid;position:relative}.floating-settings-toggle-core span{background:#e8f8ff;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 8px #c0f2ffcc}.floating-settings-toggle-core span:first-child{transform:translateY(-7px)}.floating-settings-toggle-core span:nth-child(2){transform:translate(-6px)translateY(4px)}.floating-settings-toggle-core span:nth-child(3){transform:translate(6px)translateY(4px)}html[data-theme=light] .floating-settings-toggle-core span{background:#2460a5;box-shadow:0 0 8px #5695ddb3}.lang-btn{cursor:pointer;min-width:46px;height:32px;color:var(--muted);letter-spacing:.08em;background:0 0;border:0;font-size:.74rem;transition:all .2s}.lang-btn:hover{color:#ebf7ff}.lang-btn.is-active{color:#082131;background:linear-gradient(120deg,#f0f9ff,#99dfff)}.page-content{margin-top:26px}.page-content>section{animation:.55s cubic-bezier(.25,.65,.2,1) both section-enter}.site-footer{z-index:40;border:1px solid var(--line-soft);border-radius:var(--radius-sm);text-align:center;width:min(1160px,100% - 32px);color:var(--muted);background:var(--panel-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:12px 16px;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.site-footer a{text-underline-offset:4px;text-decoration:underline}.page-home{gap:20px;display:grid}.hero-panel{padding:clamp(24px,4vw,56px);position:relative;overflow:hidden}.hero-panel:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#57d5ff3d 0%,#57d5ff00 72%);border-radius:50%;width:60%;position:absolute;top:-45%;right:-20%}.hero-kicker,.section-tag{color:#86e4ff;letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem}h1{margin:0;font-size:clamp(2.05rem,3.6vw,3.95rem);line-height:1.04}.hero-subtitle,.page-header p{color:var(--muted);max-width:780px;margin-top:16px;font-size:1.02rem;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;padding:10px 17px;font-size:.93rem;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#2d1002;background:linear-gradient(135deg,#ffd8bf 0%,#ffaf84 52%,#ff8f63 100%);box-shadow:0 12px 30px #ff9f6b52}.btn-ghost{color:#f0f8ff;border:1px solid var(--line);background:#ffffff12}.page-header{margin-bottom:22px}.page-header h1{margin-bottom:10px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.tilt-card{--tilt-x:0deg;--tilt-y:0deg;border-radius:var(--radius-md);background:linear-gradient(150deg, var(--surface-a), var(--surface-b)), radial-gradient(circle at 20% 20%, var(--surface-glow), transparent 50%);transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;border:1px solid #a5c0e43d;transition:transform .15s;position:relative;box-shadow:inset 0 1px #ffffff36,0 22px 45px #0308148c}.tilt-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff14,#fff0);position:absolute;inset:1px}.card-face{height:100%;min-height:190px;padding:20px;transform:translateZ(22px)}.card-face h3{margin:0 0 10px;font-size:1.18rem}.card-face p{color:#ccd8ec;margin:0;line-height:1.66}.card-meta{color:#8addff;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.76rem}.stat-grid .card-face{text-align:center;align-content:center;display:grid}.stat-value{font-size:clamp(2rem,3.2vw,2.8rem)}.text-link{color:#7be3ff;text-underline-offset:4px;text-decoration:underline}.remote-state{padding:24px}.remote-state p{color:var(--muted);margin:0 0 10px}.remote-state-error p:first-child{color:#ffd2bb}.timeline-3d{perspective:1400px;margin:6px 0 8px;padding:8px 0 14px;position:relative}.timeline-axis{background:linear-gradient(#57d5ff00,#57d5ffe6,#ff9f6b00);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 24px #57d5ff80}.timeline-node{width:100%;margin:18px 0;display:flex;position:relative}.timeline-node.is-left{justify-content:flex-start;padding-right:calc(50% + 20px)}.timeline-node.is-right{justify-content:flex-end;padding-left:calc(50% + 20px)}.timeline-dot{background:radial-gradient(circle,#f5f9ff 0%,#8ed8ff 72%,#58b9ff 100%);border-radius:50%;width:12px;height:12px;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:0 0 0 6px #6fd3ff33,0 0 22px #6fd3ffd1}.timeline-card{border-radius:var(--radius-md);width:100%;transform:rotateY(var(--timeline-ry,-10deg)) rotateX(2deg) translateZ(0);padding:16px 18px;transition:transform .22s}.timeline-node.is-left .timeline-card{--timeline-ry:-12deg}.timeline-node.is-right .timeline-card{--timeline-ry:12deg}.timeline-card:hover{transform:rotateY(0)rotateX(0)translateZ(16px)}.timeline-year{color:#8ce8ff;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.74rem}.timeline-type{color:#ffc7a8;margin:0 0 8px;font-size:.84rem}.ring-3d-wrap{margin:10px 0}.ring-3d-stage{--parallax-tilt-x:0deg;--parallax-tilt-y:0deg;--parallax-shift-x:0px;--parallax-shift-y:0px;perspective:1400px;height:clamp(270px,37vw,410px);transform-style:preserve-3d;place-items:center;display:grid;position:relative}.ring-3d-parallax{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--parallax-tilt-x)) rotateY(var(--parallax-tilt-y));will-change:transform;place-items:center;transition:transform .16s ease-out;display:grid;position:relative}.ring-3d-shadow{aspect-ratio:1;width:min(430px,88vw);transform:translateX(calc(var(--parallax-shift-x) * .25)) translateY(calc(var(--parallax-shift-y) * .35)) rotateX(74deg) translateZ(-38px) scale(1.12);filter:blur(22px);background:radial-gradient(circle,#4781d870,#080e1800);border-radius:50%;position:absolute}.ring-3d-halo{aspect-ratio:1;pointer-events:none;border:1px solid #82d0ff40;border-radius:50%;width:min(430px,88vw);position:absolute;transform:rotateX(74deg)}.ring-3d-halo-outer{animation:3.4s ease-in-out infinite halo-pulse}.ring-3d-halo-inner{border-color:#ff996847;width:min(352px,74vw);animation:3.4s ease-in-out infinite reverse halo-pulse}.ring-3d-scanline{width:min(460px,95vw);height:24%;transform:translateX(calc(var(--parallax-shift-x) * .3)) translateY(calc(var(--parallax-shift-y) * .2)) rotateX(72deg) translateZ(8px);filter:blur(3px);pointer-events:none;background:linear-gradient(#7eeaff00 0%,#7eeaff3d 46%,#7eeaff00 100%);border-radius:50%;animation:4.8s linear infinite scan-sweep;position:absolute}.ring-3d-orbit-shell{aspect-ratio:1;width:min(342px,80vw);transform:translateX(calc(var(--parallax-shift-x) * .55)) translateY(calc(var(--parallax-shift-y) * .45)) rotateX(66deg) rotateZ(-8deg);transform-style:preserve-3d;transition:transform .16s ease-out;position:relative}.ring-3d-core{aspect-ratio:1;border:1px solid #dce9ff57;border-radius:50%;width:100%;animation:12s linear infinite ring-spin,3.2s ease-in-out infinite ring-flicker;position:relative;box-shadow:0 24px 42px #060c188c,inset 0 1px #ffffff54,0 0 36px #6fe1ff40}.ring-3d-core-secondary{background:radial-gradient(circle at 20% 40%,#65dbff1f,#0000 48%),radial-gradient(circle at 80% 60%,#ffaa7624,#0000 48%);border:1px dashed #78e4ff66;width:auto;animation:9s linear infinite ring-spin-reverse-flat;position:absolute;inset:14%}.ring-3d-hole{background:radial-gradient(circle at 50% 40%,#adceff42,#09101ef2);border:1px solid #d6e4fd3d;border-radius:50%;position:absolute;inset:24%}.ring-3d-center{background:radial-gradient(circle at 30% 28%,#57d5ff47,#0000 58%),#060f1ebd;border:1px solid #9cddff47;border-radius:50%;align-content:center;place-items:center;gap:2px;display:grid;position:absolute;inset:35%;transform:rotateX(-66deg)rotate(8deg)translateZ(16px);box-shadow:inset 0 0 22px #6fe0ff2e,0 0 22px #6fe0ff3d}.ring-3d-center span{letter-spacing:.2em;text-transform:uppercase;color:#cbecfff2;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:.64rem}.ring-3d-ticks{aspect-ratio:1;width:min(392px,86vw);transform:translateX(calc(var(--parallax-shift-x) * .48)) translateY(calc(var(--parallax-shift-y) * .4)) rotateX(66deg);pointer-events:none;transition:transform .16s ease-out;animation:24s linear infinite ring-reverse-spin;position:absolute}.ring-3d-tick{--tick-angle:0deg;width:2px;height:10px;transform:rotate(var(--tick-angle)) translateY(-178px);transform-origin:50%;background:linear-gradient(#94e5ffe0,#94e5ff1a);border-radius:999px;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #94e5ff66}.ring-3d-node-layer{aspect-ratio:1;width:min(360px,82vw);transform:translateX(calc(var(--parallax-shift-x) * .8)) translateY(calc(var(--parallax-shift-y) * .7)) rotateX(66deg);pointer-events:none;transition:transform .16s ease-out;position:absolute}.ring-3d-node{--node-angle:0deg;--node-angle-reverse:0deg;--node-color:#7be3ff;--node-delay:0s;transform:rotate(var(--node-angle)) translateY(-154px);transform-origin:50%;animation:2.9s ease-in-out infinite node-bob;animation-delay:var(--node-delay);position:absolute;top:50%;left:50%}.ring-3d-node-dot{background:radial-gradient(circle, #f6fcff 0%, var(--node-color) 68%, #48a4ff 100%);width:12px;height:12px;box-shadow:0 0 0 5px color-mix(in srgb, var(--node-color) 26%, transparent), 0 0 18px color-mix(in srgb, var(--node-color) 70%, transparent);border-radius:50%;display:block}.ring-3d-node-glow{background:linear-gradient(180deg, color-mix(in srgb, var(--node-color) 75%, transparent), transparent);width:2px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.ring-3d-node-value{transform:translate(-50%, -100%) rotate(var(--node-angle-reverse));transform-origin:50%;letter-spacing:.05em;color:#def4ff;text-shadow:0 0 14px color-mix(in srgb, var(--node-color) 65%, transparent);font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:.72rem;position:absolute;top:-14px;left:50%}.ring-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.ring-legend-item{background:linear-gradient(145deg,#13243ca8,#08101fb8),radial-gradient(circle at 16% 16%,#57d5ff1f,#0000 48%);border-radius:16px;padding:12px}.ring-legend-dot{border-radius:50%;width:10px;height:10px;display:inline-flex;box-shadow:0 0 14px}.ring-legend-value{margin:8px 0 2px;font-size:1.1rem;font-weight:700}.ring-legend-label{color:#c9d6eb;margin:0;font-size:.88rem;line-height:1.58}.click-burst-layer{pointer-events:none;z-index:100;position:fixed;inset:0}.click-burst{position:absolute;transform:translate(-50%,-50%)}.click-ring{border:2px solid hsl(var(--burst-hue) 95% 74%);border-radius:50%;width:16px;height:16px;animation:.65s ease-out forwards click-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.click-particle{--angle:calc((360deg / 10) * var(--particle-index));background:hsl(var(--burst-hue) 92% 68%);border-radius:50%;width:6px;height:6px;animation:.65s ease-out forwards click-particle;position:absolute;top:0;left:0}a:focus-visible,button:focus-visible{outline-offset:2px;outline:2px solid #83e2ff}@media (width<=1080px){.logo-text em{display:none}.topbar{flex-wrap:wrap}.nav-links{order:3;justify-content:space-between;width:100%}.card-grid{grid-template-columns:1fr}}@media (width<=980px){.site-shell{width:min(1160px,100% - 20px);padding-top:12px}.topbar{border-radius:var(--radius-md);position:static}.logo-link{min-width:0}.nav-links{border-radius:16px;flex-wrap:wrap;justify-content:center;margin-left:0}.nav-links a{text-align:center;flex:auto}.timeline-axis,.timeline-dot{left:12px}.timeline-node,.timeline-node.is-left,.timeline-node.is-right{justify-content:flex-start;padding-left:30px;padding-right:0}.timeline-card{--timeline-ry:0deg}.ring-legend{grid-template-columns:1fr}.floating-settings{bottom:78px;right:10px}}@media (prefers-reduced-motion:reduce){.bg-orb,.tilt-card,.ring-3d-core,.ring-3d-core-secondary,.ring-3d-halo,.ring-3d-scanline,.ring-3d-ticks,.ring-3d-node,.page-content>section{transition:none;animation:none;transform:none}.ring-3d-stage{--parallax-tilt-x:0deg;--parallax-tilt-y:0deg;--parallax-shift-x:0px;--parallax-shift-y:0px}.click-burst-layer{display:none}}@keyframes orb-float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-22px)scale(1.04)}}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ring-reverse-spin{0%{transform:translateX(calc(var(--parallax-shift-x) * .48)) translateY(calc(var(--parallax-shift-y) * .4)) rotateX(66deg) rotateZ(360deg)}to{transform:translateX(calc(var(--parallax-shift-x) * .48)) translateY(calc(var(--parallax-shift-y) * .4)) rotateX(66deg) rotateZ(0deg)}}@keyframes ring-spin-reverse-flat{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes ring-flicker{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@keyframes halo-pulse{0%,to{opacity:.45;transform:rotateX(74deg)scale(1)}50%{opacity:.9;transform:rotateX(74deg)scale(1.03)}}@keyframes scan-sweep{0%{opacity:0;transform:translateX(calc(var(--parallax-shift-x) * .3)) translateY(calc(var(--parallax-shift-y) * .2 - 120px)) rotateX(72deg) translateZ(8px)}20%{opacity:.7}50%{opacity:.9}80%{opacity:.4}to{opacity:0;transform:translateX(calc(var(--parallax-shift-x) * .3)) translateY(calc(var(--parallax-shift-y) * .2 + 120px)) rotateX(72deg) translateZ(8px)}}@keyframes node-bob{0%,to{margin-top:0}50%{margin-top:-6px}}@keyframes section-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes click-ring{0%{opacity:.95;width:14px;height:14px}to{opacity:0;width:108px;height:108px}}@keyframes click-particle{0%{opacity:1;transform:rotate(var(--angle)) translateY(-8px) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translateY(-46px) scale(.2)}}