@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;700;900&family=Saira+Stencil+One&display=swap";:root{--bg-cream:#fdf7eb;--bg-cyan:#dff7ff;--bg-mint:#dbffe6;--ink:#0f2240;--ink-soft:#355379;--accent-cyan:#00a9ff;--accent-green:#08c57e;--accent-orange:#ff6f3a;--panel-bg:#ffffff8c;--panel-border:#0f224029}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}body{color:var(--ink);background:linear-gradient(120deg, var(--bg-cream), var(--bg-cyan), var(--bg-mint));-webkit-font-smoothing:antialiased;font-family:Outfit,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}.hyper-stage{--pointer-x:50%;--pointer-y:50%;isolation:isolate;background:radial-gradient(circle at 13% 16%, #00a9ff3d, transparent 42%), radial-gradient(circle at 88% 18%, #ff6f3a3d, transparent 44%), radial-gradient(circle at 55% 86%, #08c57e33, transparent 48%), linear-gradient(135deg, var(--bg-cream) 0%, var(--bg-cyan) 45%, var(--bg-mint) 100%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.hyper-stage:before,.hyper-stage:after{content:"";pointer-events:none;position:absolute;inset:0}.hyper-stage:before{z-index:-4;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #00a9ff3d, transparent 36%);transition:background .2s linear}.hyper-stage:after{z-index:-5;mix-blend-mode:soft-light;background:linear-gradient(112deg,#fff0 10%,#ffffff61 46%,#fff0 70%) 0 0/220% 220%;animation:12s linear infinite sheen}.noise-mask,.scanlines,.beam-layer,.spark-layer{pointer-events:none;position:absolute;inset:0}.noise-mask{z-index:-2;opacity:.1;background-image:radial-gradient(#0f2240b3 .8px,#0000 .8px);background-size:4px 4px;animation:14s linear infinite noiseDrift}.scanlines{z-index:-1;opacity:.22;background:repeating-linear-gradient(#0f22400f 0 1px,#0000 1px 9px)}.beam-layer{z-index:1}.beam{top:-35%;left:var(--beam-left);width:1px;height:165%;animation:beamSweep var(--beam-duration) linear infinite;animation-delay:var(--beam-delay);background:linear-gradient(#0000,#00a9ff8f,#0000);position:absolute;box-shadow:0 0 18px #00a9ff8a}.spark-layer{z-index:1}.spark{left:var(--spark-left);width:var(--spark-size);height:var(--spark-size);filter:blur(.2px);opacity:0;animation:sparkRise var(--spark-duration) ease-in infinite;animation-delay:var(--spark-delay);background:radial-gradient(circle at 30% 30%,#fff 0%,#00a9ffe6 45%,#00a9ff00 100%);border-radius:50%;position:absolute;bottom:-8%}.content-shell{z-index:3;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);align-items:center;gap:clamp(1.5rem,2.6vw,2.4rem);width:min(1120px,100% - 3rem);margin:auto;padding:clamp(3.6rem,10vh,6.8rem) 0 2rem;display:grid}.title-cluster,.kinetic-zone{opacity:0;animation:.95s cubic-bezier(.16,1,.3,1) forwards reveal}.title-cluster{animation-delay:80ms}.kinetic-zone{animation-delay:.28s}.mono-tag{width:fit-content;color:var(--ink-soft);letter-spacing:.2em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff6b;border:1px solid #0f22403d;border-radius:999px;margin-bottom:1rem;padding:.45rem .95rem;font-size:clamp(.67rem,1.3vw,.82rem)}.main-title{letter-spacing:.01em;color:var(--ink);text-wrap:balance;font-family:Saira Stencil One,Outfit,sans-serif;font-size:clamp(3rem,10vw,7.8rem);line-height:.94}.main-title span{color:var(--accent-cyan);text-shadow:0 8px 30px #00a9ff54;margin-top:.1em;display:block}.statement{max-width:28ch;color:var(--ink-soft);margin-top:1.1rem;font-size:clamp(1rem,2.2vw,1.28rem);line-height:1.5}.kinetic-zone{flex-direction:column;gap:1rem;display:flex}.core-device{aspect-ratio:1;border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle,#00a9ff26,#fff6 52%,#fff3 100%),linear-gradient(145deg,#ffffff8f,#fff3);border-radius:32px;align-self:center;width:min(100%,430px);position:relative;overflow:hidden;box-shadow:0 24px 56px #0054a32e,inset 0 0 0 1px #ffffff61}.core-device:before,.core-device:after{content:"";border:1px dashed #0f22402e;border-radius:50%;position:absolute;inset:10%}.core-device:after{border-style:solid;border-color:#08c57e47;animation:14s linear infinite reverse spin;inset:20%}.ring{border:1px solid #0000;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-a{border-color:#00a9ff6b;width:86%;height:86%;animation:10s linear infinite spin}.ring-b{border-color:#ff6f3a6b;width:63%;height:63%;animation:6.6s linear infinite reverse spin}.ring-c{border-color:#08c57e75;width:42%;height:42%;animation:4.8s linear infinite spin}.pulse{background:radial-gradient(circle,#fffffff2,#00a9ffcc 52%,#00a9ff0f);border-radius:50%;width:30%;height:30%;animation:2.4s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 48px #00a9ff80}.core-label{text-align:center;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.core-label strong{letter-spacing:.11em;color:var(--ink);font-size:.96rem;display:block}.core-label span{color:var(--ink-soft);letter-spacing:.18em;margin-top:.32rem;font-size:.68rem;display:block}.status-grid{grid-template-columns:1fr;gap:.8rem;display:grid}.status-card{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:.96rem 1rem;box-shadow:0 18px 36px #0054a31f}.status-card h2{letter-spacing:.05em;margin-bottom:.36rem;font-size:1rem}.status-card p{color:var(--ink-soft);font-size:.9rem;line-height:1.52}.record-footer{z-index:5;width:min(1120px,100% - 3rem);margin:0 auto;padding:0 0 1.2rem;position:relative}.record-footer a{color:#0f2240bd;border-bottom:1px solid #0f22403d;font-size:.9rem;text-decoration:none;transition:color .2s,border-color .2s}.record-footer a:hover{color:var(--accent-orange);border-color:var(--accent-orange)}@keyframes reveal{0%{opacity:0;transform:translateY(26px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sheen{0%{background-position:0%}to{background-position:100%}}@keyframes noiseDrift{0%{transform:translate(0,0)}to{transform:translate(-18px,18px)}}@keyframes beamSweep{0%{opacity:0;transform:translateY(-10%)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(10%)}}@keyframes sparkRise{0%{opacity:0;transform:translateY(0)scale(.5)}18%{opacity:.95}to{opacity:0;transform:translateY(-122vh)scale(1.1)}}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%)scale(.92)}50%{transform:translate(-50%,-50%)scale(1.08)}}@media (width<=1024px){.content-shell{grid-template-columns:1fr;gap:1.4rem;width:min(1120px,100% - 2rem)}.title-cluster{text-align:center;flex-direction:column;align-items:center;display:flex}.statement{max-width:36ch}.record-footer{width:min(1120px,100% - 2rem)}}@media (width<=620px){.mono-tag{letter-spacing:.14em}.core-device{border-radius:24px}.status-card h2{font-size:.94rem}.status-card p{font-size:.84rem}}@media (prefers-reduced-motion:reduce){.title-cluster,.kinetic-zone,.ring,.pulse,.beam,.spark,.noise-mask,.hyper-stage:after{opacity:1;transform:none;animation:none!important}}