:root{color-scheme:dark;--cyan:#79f5e0;--muted:#99acbe}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#060b18;color:#edf5fa}body{font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.screen{position:relative;height:100svh;min-height:560px;display:grid;grid-template-rows:auto 1fr auto;padding:32px 5vw 24px}.universe{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 81% 60%,#123342,transparent 40%),radial-gradient(ellipse at 95% 0%,#231933,transparent 45%),#060b18}.stars{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(1px 1px at 17% 24%,#effaff 95%,transparent),radial-gradient(1px 1px at 73% 12%,#effaff 95%,transparent),radial-gradient(1px 1px at 49% 69%,#b5e2ee 95%,transparent);background-size:273px 233px,391px 317px,187px 291px}.planet{position:absolute;width:58vw;height:58vw;right:-12vw;top:12vh;border-radius:50%;background:radial-gradient(circle at 26% 25%,#13303b,#071321 44%,#020710 69%);box-shadow:-8px -5px 24px #72f8ed26,inset 2px 2px 4px #a8ffed66}.orbit{position:absolute;width:75vw;height:25vw;border:1px solid #7cded94d;right:-19vw;top:36vh;border-radius:50%;transform:rotate(-32deg);box-shadow:0 -2px 12px #7ce5dd18;animation:drift 24s ease-in-out infinite alternate}.second{width:82vw;height:31vw;top:31vh;right:-23vw;border-color:#aa86e52b;animation-delay:-12s}header{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-weight:600;letter-spacing:2px;font-size:20px}.brand b{font-size:48px;line-height:1;font-weight:400;color:var(--cyan)}.brand small{display:block;font-size:9px;letter-spacing:3.4px;margin-top:6px;font-weight:500}nav{display:flex;gap:36px;font-size:13px}nav a{padding:12px 0;color:#c7d4df}nav a:hover{color:var(--cyan)}main{display:flex;align-items:center;position:relative}.statement{padding:30px 0;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--cyan);margin:0 0 26px}h1{font-size:clamp(48px,6.5vw,108px);line-height:1.17;letter-spacing:-.045em;font-weight:550;margin:0}h1 span{color:var(--cyan)}.intro{font-size:15px;color:#a7b6c5;margin:25px 0 36px;letter-spacing:1px}.entry{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #a4dae638;padding:17px 2px;width:310px;transition:border-color .25s}.entry:hover{border-color:var(--cyan)}.entry small{display:block;font-size:10px;color:var(--muted);letter-spacing:1px;margin-bottom:8px}.entry strong{font-size:19px;font-weight:500;letter-spacing:2px}.entry>b{font-size:29px;color:var(--cyan);font-weight:400}.signature{position:absolute;right:9vw;top:32%;text-align:center;transform:rotate(-12deg);color:#c1fff526;text-shadow:0 0 50px #67ead333;font:15vw/.8 Georgia,serif}.signature small{display:block;letter-spacing:4px;font:9px "Avenir Next",sans-serif;color:#81c3cd80;margin-top:30px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}footer>div{display:flex;gap:22px;flex-wrap:wrap}footer a:hover{color:var(--cyan)}#motion{border:0;background:none;color:var(--muted);cursor:pointer;padding:12px 0 12px 16px;font-size:11px;white-space:nowrap}@keyframes drift{to{transform:rotate(-25deg) translateY(-10px)}}.paused .orbit{animation-play-state:paused}@media(max-width:600px){.screen{padding:20px 24px 15px;min-height:520px}header{gap:15px}.brand{font-size:16px;gap:8px}.brand b{font-size:37px}.brand small{font-size:7px;letter-spacing:2px}nav{gap:14px;font-size:10px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:22px}h1{font-size:clamp(48px,12vw,72px)}.intro{font-size:12px;letter-spacing:0;margin:22px 0 28px}.entry{width:min(275px,100%)}.planet{width:108vw;height:108vw;right:-65vw;top:26vh}.orbit{width:160vw;height:60vw;right:-106vw;top:41vh}.second{width:175vw;height:77vw;right:-115vw;top:35vh}.signature{display:none}footer{align-items:flex-end;gap:10px}footer>div{display:grid;gap:7px;font-size:9px}#motion{font-size:10px}.statement{padding:24px 0}}@media(max-height:590px) and (min-width:601px){.screen{min-height:360px;padding-block:15px}h1{font-size:48px}.statement{padding:15px 0}.eyebrow{margin-bottom:12px}.intro{margin:12px 0 18px}.entry{padding:10px 0}.signature{top:22%}}@media(prefers-reduced-motion:reduce){.orbit{animation:none}}
@media(max-height:450px) and (min-width:601px){.screen{padding:12px 5vw;grid-template-rows:40px minmax(0,1fr) 26px}.statement{padding:8px 0}.eyebrow{margin-bottom:8px}h1{font-size:38px}.intro{font-size:12px;margin:10px 0}.entry{padding:7px 0}.entry small{margin-bottom:4px}.entry strong{font-size:16px}.brand b{font-size:34px}.brand{font-size:16px}}