@charset "UTF-8";
:root{color-scheme:dark;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#f4f6fa;background:#040b13;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #bddbff;outline-offset:6px}.landscape,.veil,#cosmos{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.landscape{z-index:-3;background:radial-gradient(ellipse at 60% 54%,#14283b 0%,#081420 32%,#03080e 80%)}#cosmos{z-index:-2;animation:cosmos-in 2.4s both}.veil{z-index:-1;background:radial-gradient(ellipse at center,#03101e60,transparent 68%)}main{display:grid;place-items:center;flex:1;padding:55px 24px 25px;transition:opacity .45s,transform .6s,filter .5s}.hero{text-align:center;width:min(620px,100%);transform:translateY(-7px)}.emblem{width:82px;height:82px;border:1px solid #cfdded90;border-radius:50%;display:grid;place-items:center;margin:auto;animation:rise 1s .15s both;background:#06132228}.emblem img{width:38px;height:38px;filter:brightness(0) invert(1);opacity:.9;animation:float 6s 2s ease-in-out infinite}.stem{height:42px;width:1px;background:#cfdded85;margin:auto;transform-origin:top;animation:line-grow .7s .6s both}.hero-copy{border-block:1px solid #d4e0ec80;padding:37px 16px 34px;animation:reveal 1.25s .8s both;text-shadow:0 2px 20px #000}h1{font-size:36px;font-weight:500;letter-spacing:9px;padding-left:9px;margin:0;line-height:1.3}.tagline{font-size:15px;letter-spacing:4px;line-height:1.8;margin:22px 0 0;font-weight:350}.description{font-size:11px;letter-spacing:2px;color:#b7c7d7;line-height:1.8;margin:10px 0 0}.lower{animation-delay:1.45s}.actions{display:inline-flex;border:1px solid #d4e0ec90;border-radius:4px;animation:rise 1s 1.65s both;background:#06101d30}.actions>*{position:relative;overflow:hidden;border:0;background:transparent;min-height:46px;min-width:120px;padding:0 28px;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:4px;text-indent:4px;transition:background .3s,box-shadow .3s}.actions>*+*{border-left:1px solid #d4e0ec80}.actions>*:hover{background:#a7cfff20;box-shadow:inset 0 0 25px #bedfff0c}.actions>*:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,#ffffff18,transparent);transform:translateX(-110%);transition:transform .65s}.actions>*:hover:before{transform:translateX(110%)}footer{display:flex;justify-content:center;align-items:center;gap:16px;padding:22px 24px 28px;font-size:9px;letter-spacing:3px;color:#90a4bb;animation:rise 1.4s 2s both}footer button{border:0;background:none;font-size:10px;letter-spacing:2px;padding:8px 0;color:inherit}footer button:hover{color:#fff}.footer-divider{opacity:.5}dialog{background:#101b27ed;color:#f5f7fb;border:1px solid #b9d0ed30;border-radius:5px;width:min(560px,calc(100% - 36px));padding:48px 42px;max-height:85svh;box-shadow:0 20px 90px #0005;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .45s,transform .5s;scrollbar-width:thin}dialog.is-visible{opacity:1;transform:translateY(0) scale(1)}dialog::backdrop{background:#02091290;backdrop-filter:blur(8px)}body.article-open main{opacity:0;transform:scale(.96);filter:blur(3px)}body.article-open footer{opacity:.2}dialog h2{font-size:25px;line-height:1.65;letter-spacing:3px;font-weight:450;margin:0 0 24px}dialog p{font-size:13px;line-height:2;color:#bdcbd8}.eyebrow{font-size:9px;letter-spacing:3px;color:#8aa4c1;margin:0 0 22px}.close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:28px;font-weight:200;padding:5px 10px;transition:transform .3s}.close:hover{transform:rotate(90deg)}.detail-row{display:flex;gap:22px;border-top:1px solid #ffffff20;padding:20px 0}.detail-row>span{font-size:10px;color:#8ea8c2;padding-top:4px}.detail-row h3{font-size:13px;letter-spacing:2px;font-weight:500;margin:0}.detail-row p{margin:7px 0 0}.dialog-link{display:inline-block;margin-top:16px;font-size:12px;letter-spacing:2px;color:#d1e2fa;border-bottom:1px solid #b8cee070;padding-bottom:8px}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes line-grow{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes reveal{from{opacity:0;filter:blur(5px);transform:scaleX(.95)}to{opacity:1;filter:blur(0);transform:scaleX(1)}}@keyframes cosmos-in{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:600px){main{padding:50px 28px 25px}.emblem{width:72px;height:72px}.stem{height:34px}.hero-copy{padding:32px 5px}h1{font-size:27px;letter-spacing:6px;padding-left:6px}.tagline{font-size:13px;letter-spacing:3px;margin-top:21px}.description{font-size:10px;letter-spacing:1px}.actions{width:min(320px,100%)}.actions>*{min-width:0;padding:0 20px;flex:1;font-size:11px}footer{padding:20px 12px 25px;font-size:8px;gap:12px;letter-spacing:2px}dialog{padding:44px 28px}dialog h2{font-size:23px}}@media(max-height:650px){main{padding-top:25px}.emblem{width:60px;height:60px}.stem{height:24px}.hero-copy{padding-block:22px}footer{padding-bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-copy{filter:none}}.emblem{width:136px;height:136px;border:0;border-radius:0;background:none}.emblem img{width:136px;height:136px;filter:none;opacity:1}.emblem+.stem{height:26px}@media(max-width:600px){.emblem,.emblem img{width:116px;height:116px}}@media(max-height:650px){.emblem,.emblem img{width:90px;height:90px}.emblem+.stem{height:18px}}
dialog.about-minimal{width:min(1000px,calc(100% - 32px));border:0;background:none;box-shadow:none;padding:72px 28px;text-align:center;overflow:visible}dialog.about-minimal::backdrop{background:transparent;backdrop-filter:none}dialog.about-minimal p{margin:0;color:#edf3fc;font-size:16px;font-weight:350;letter-spacing:2px;line-height:2.2;text-shadow:0 2px 18px #000}dialog.about-minimal .close{right:50%;top:0;transform:translateX(50%);color:#bdcce0}dialog.about-minimal .close:hover{transform:translateX(50%) rotate(90deg)}@media(max-width:600px){dialog.about-minimal p{font-size:14px;letter-spacing:1px}}