:root{--bg:#050505;--fg:#f7f4ec;--muted:#f7f4eca8;--line:#f7f4ec1f;--line-strong:#ff770075;--orange:#f70;--orange-soft:#ff770029;--orange-glow:#ff77008a;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--fg);font-family:var(--font-main);background:radial-gradient(circle at 76% 20%,#ff77002e,#0000 32vw),linear-gradient(135deg,#050505 0%,#0d0b08 58%,#050505 100%);margin:0;overflow-x:hidden}button{font:inherit}.mono{font-family:var(--font-mono)}.ambient{pointer-events:none;position:fixed;inset:0;overflow:hidden}.ring{border:1px solid var(--line-strong);opacity:.28;position:absolute}.ring-one{aspect-ratio:1;border-radius:50%;width:48vmin;animation:34s linear infinite spin;top:-18vmin;right:-10vmin}.ring-two{aspect-ratio:1;width:36vmin;bottom:8vmin;left:-12vmin;transform:rotate(45deg)}.scanline{opacity:.4;background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/100% 12px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 14% 78%,#0000);mask-image:linear-gradient(#0000,#000 14% 78%,#0000)}.stage{z-index:1;min-height:100vh;padding:clamp(14px,2.4vw,28px);position:relative}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050505c2;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(260px,360px);min-height:calc(100vh - clamp(28px,4.8vw,56px));display:grid;position:relative;overflow:hidden}.topbar{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:20px clamp(18px,4vw,44px);display:flex}.brand{color:var(--fg);letter-spacing:.08em;align-items:center;gap:12px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{aspect-ratio:1;background:var(--orange);width:18px;box-shadow:0 0 24px var(--orange-glow);transform:rotate(45deg)}.accent{color:var(--orange)}.status{color:var(--orange);letter-spacing:.12em;align-items:center;gap:9px;font-size:.75rem;display:inline-flex}.pulse{aspect-ratio:1;background:var(--orange);width:8px;box-shadow:0 0 18px var(--orange-glow);border-radius:50%;animation:1.8s ease-in-out infinite pulse}.hero{z-index:2;align-content:center;max-width:900px;padding:clamp(32px,7vw,88px);display:grid;position:relative}.eyebrow{color:var(--orange);letter-spacing:.16em;min-height:1.5em;margin:0 0 18px;font-size:clamp(.72rem,1.8vw,.88rem)}h1{letter-spacing:0;text-transform:uppercase;min-height:1.68em;margin:0;font-size:clamp(3.4rem,14vw,9.4rem);font-weight:900;line-height:.84}.reveal-letter{opacity:0;visibility:hidden;will-change:opacity;transition:opacity 50ms,visibility 0s linear 50ms;display:inline-block}.reveal-letter.is-visible{opacity:1;visibility:visible;transition:opacity 50ms,visibility}.outline{color:#0000;-webkit-text-stroke:1px var(--fg);text-shadow:none;white-space:nowrap;display:block}.solid{white-space:nowrap;display:block}.message{width:min(680px,100%);color:var(--muted);margin:clamp(24px,4vw,38px) 0 0;font-size:clamp(1rem,2.4vw,1.25rem);line-height:1.8}.actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:clamp(24px,4vw,42px);display:flex}.signal-button{border:1px solid var(--line-strong);min-height:48px;color:var(--fg);font-family:var(--font-mono);letter-spacing:.12em;cursor:pointer;background:linear-gradient(135deg,#f703,#ff77000a);justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:.82rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex}.signal-button:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 0 28px #ff77002e}.signal-button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.button-icon{aspect-ratio:1;border:1px solid;width:12px;transform:rotate(45deg)}.microcopy{min-height:1.4em;color:var(--muted);letter-spacing:.04em;margin:0;font-size:.8rem}.portrait-stage{pointer-events:none;place-self:center end;width:min(48vw,560px);height:min(68vh,640px);margin-right:clamp(0px,2vw,32px);position:relative}.portrait-ring{aspect-ratio:1;opacity:0;border:1px solid #ff770047;border-radius:50%;width:min(42vw,520px);transition:opacity .9s,transform .9s cubic-bezier(.16,1,.3,1);position:absolute;bottom:6%;right:4%;transform:translate(30px)scale(.9)}.portrait{opacity:0;filter:blur(10px)drop-shadow(0 0 34px #ff770014);width:min(52vw,620px);max-width:none;transition:opacity .72s,filter .9s,transform .98s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-4%;right:max(-8vw,-90px);transform:translate(36%)scale(.94)}.footer{border-top:1px solid var(--line);color:#f7f4ec75;letter-spacing:.12em;grid-column:1/-1;justify-content:space-between;gap:14px;padding:18px clamp(18px,4vw,44px);font-size:.72rem;display:flex}html[data-activated=true] .panel{border-color:#ff770080;box-shadow:inset 0 0 60px #ff77000f}html[data-activated=true] .portrait-ring{opacity:.78;transform:translate(0)scale(1)}html[data-activated=true] .portrait{opacity:1;filter:blur()drop-shadow(0 0 42px #ff77002e);transform:translate(0)scale(1)}@media (width<=1280px){.panel{grid-template-columns:1fr}.hero{align-content:start;padding:clamp(24px,5vw,46px) clamp(24px,7vw,56px) 160px}.portrait-stage{z-index:1;justify-self:auto;width:min(54vw,600px);height:min(58vh,600px);margin:0;position:absolute;bottom:clamp(18px,5vh,72px);right:0;overflow:hidden}.portrait{width:min(56vw,540px);bottom:0%;right:max(-5vw,-56px)}}@media (width<=960px){.stage{padding:10px}.hero{align-content:start;padding:18px 18px 150px}h1{font-size:clamp(2.9rem,13.6vw,4.2rem)}.message{font-size:.95rem;line-height:1.72}.actions{flex-direction:column;align-items:flex-start}.signal-button{width:100%}.portrait-stage{z-index:1;justify-self:auto;width:100%;height:min(100vh,800px);margin:0;position:absolute;bottom:0;right:0;overflow:hidden}.portrait-ring{width:min(83vw,500px);bottom:4%;right:50%;transform:translate(50%)scale(.9)}.portrait{width:min(100vw,600px);bottom:0%;right:50%;transform:translate(50%,28%)scale(.94)}.footer{flex-direction:column;align-items:flex-start;display:none}html[data-activated=true] .portrait{transform:translate(50%)scale(1)}html[data-activated=true] .portrait-ring{transform:translate(50%)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes pulse{0%,to{opacity:.42;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}