:root{--acid:#baff29;--mint:#73ffc1;--ink:#030807;--muted:#82918b;--line:rgba(186,255,41,.18)}
*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:#e9f2ed;font-family:"DM Mono",monospace;background:radial-gradient(circle at 18% 45%,#0b2920 0,transparent 34%),#030807;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.17) 50%);background-size:100% 4px;pointer-events:none;z-index:20}.noise{position:fixed;inset:-30%;opacity:.035;z-index:19;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:noise .2s steps(2) infinite}.scanline{position:fixed;z-index:18;left:0;right:0;height:18vh;top:-20%;background:linear-gradient(transparent,rgba(115,255,193,.035),transparent);animation:scan 8s linear infinite;pointer-events:none}
header,footer{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.12em}.brand{font:600 16px "Space Grotesk";color:white;text-decoration:none;letter-spacing:.04em}.brand span,.index span,.eyebrow,.hint span{color:var(--acid)}.status{color:var(--muted);display:flex;align-items:center;gap:10px}.status i{width:6px;height:6px;background:var(--acid);border-radius:50%;box-shadow:0 0 12px var(--acid);animation:pulse 1.5s infinite}.status b{color:#dbe7e1;font-weight:400;margin-left:14px}
main{min-height:calc(100vh - 124px);display:grid;grid-template-columns:minmax(330px,1fr) 1fr;align-items:center;gap:7vw;padding:5vh 7vw}.visual{max-width:610px}.index{font-size:10px;color:var(--muted);letter-spacing:.16em;margin-bottom:14px}.portrait-wrap{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid rgba(115,255,193,.25);box-shadow:0 0 90px rgba(71,255,176,.07)}.portrait-wrap:before,.portrait-wrap:after{content:"";position:absolute;z-index:3;width:48px;height:48px;border-color:var(--acid)}.portrait-wrap:before{top:14px;left:14px;border-top:1px solid;border-left:1px solid}.portrait-wrap:after{right:14px;bottom:14px;border-right:1px solid;border-bottom:1px solid}.portrait-wrap img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.12) brightness(.79);transition:.4s}.portrait-wrap:hover img{filter:saturate(1) contrast(1.18) brightness(.9);transform:scale(1.015)}.image-glitch{position:absolute;inset:0;background:url("subject.jpeg") center/cover;mix-blend-mode:screen;opacity:0;animation:glitch 7s infinite}.reticle{position:absolute;inset:38% auto auto 48%;width:46px;height:46px;border:1px solid rgba(186,255,41,.45);border-radius:50%}.reticle:before,.reticle:after{content:"";position:absolute;background:var(--acid)}.reticle:before{width:62px;height:1px;left:-8px;top:22px}.reticle:after{height:62px;width:1px;top:-8px;left:22px}.reticle span{position:absolute;inset:7px;border:1px dashed rgba(186,255,41,.4);border-radius:50%;animation:spin 7s linear infinite}.coords{position:absolute;bottom:20px;left:22px;color:rgba(213,255,233,.58);font-size:9px;line-height:1.7;letter-spacing:.12em}
.brief{max-width:650px}.eyebrow{font-size:10px;letter-spacing:.18em;margin:0 0 26px}h1{font:500 clamp(46px,6vw,88px)/.84 "Space Grotesk";letter-spacing:-.06em;margin:0;color:#f1f6f2}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(186,255,41,.75);text-shadow:0 0 30px rgba(186,255,41,.08)}.intro{max-width:580px;color:#9ba8a2;line-height:1.7;font-size:13px;margin:28px 0}.fragments{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fragment{font:inherit;color:#dce9e2;background:rgba(5,17,13,.7);border:1px solid var(--line);padding:15px;text-align:left;cursor:pointer;transition:.2s}.fragment:hover,.fragment.open{border-color:var(--acid);background:rgba(186,255,41,.06);transform:translateY(-2px)}.fragment small,.fragment i{display:block;color:#65746d;font-size:8px;letter-spacing:.12em}.fragment span{display:block;color:var(--acid);font-size:10px;margin:14px 0}.fragment i{font-style:normal}.fragment.open i{color:var(--mint)}.hint{margin:10px 0 24px;padding:13px;border-left:2px solid var(--acid);background:rgba(186,255,41,.035);font-size:10px;color:#819087}.hint span{margin-right:10px}form label{display:block;color:#64726b;font-size:9px;letter-spacing:.15em;margin-bottom:9px}.command{display:flex;height:49px;border:1px solid rgba(115,255,193,.35);background:#020403}.command>span{padding:14px 0 0 15px;color:var(--acid)}input{min-width:0;flex:1;background:none;border:0;outline:0;color:var(--mint);font:500 14px "DM Mono";text-transform:uppercase;padding:0 12px;caret-color:var(--acid)}input::placeholder{color:#334039}form button{border:0;background:var(--acid);font:600 10px "DM Mono";padding:0 20px;cursor:pointer;letter-spacing:.08em}#feedback{margin:8px 0 0;color:#52615a;font-size:8px;letter-spacing:.1em}.shake{animation:shake .35s}.success{color:var(--acid)!important}
.reveal{position:fixed;inset:0;background:rgba(1,6,4,.97);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;opacity:0;visibility:hidden;transition:.45s}.reveal.show{opacity:1;visibility:visible}.reveal:before{content:"";position:absolute;inset:24px;border:1px solid var(--line);pointer-events:none}.close{position:absolute;right:40px;top:36px;border:1px solid var(--line);background:none;color:#aab8b0;width:36px;height:36px;font-size:22px;cursor:pointer}.reveal-code{color:var(--acid);font-size:10px;letter-spacing:.22em}.reveal h2{font:500 clamp(39px,6vw,86px)/.92 "Space Grotesk";letter-spacing:-.06em;margin:30px 0}.reveal h2 span{color:var(--acid);text-shadow:0 0 35px rgba(186,255,41,.35)}.reveal p{color:#8d9d95;font-size:14px}.final-line{margin:35px 0;color:#7f8d86;font-size:11px;letter-spacing:.12em}.final-line b{color:#eaf4ef}.reveal small{color:#47554e;font-size:8px;letter-spacing:.14em}footer{height:52px;border-top:1px solid var(--line);border-bottom:0;color:#435149;font-size:8px}
@keyframes pulse{50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{to{top:120%}}@keyframes noise{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-3%,3%)}75%{transform:translate(2%,2%)}}@keyframes glitch{0%,92%,100%{opacity:0;transform:none;clip-path:none}93%{opacity:.7;transform:translate(8px);clip-path:inset(15% 0 64% 0)}94%{opacity:.4;transform:translate(-10px);clip-path:inset(70% 0 12% 0)}95%{opacity:0}}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:850px){header{height:58px;padding:0 20px}.status b{display:none}main{grid-template-columns:1fr;padding:40px 20px 60px;gap:45px}.visual{max-width:460px;width:100%;margin:auto}.brief{margin:auto}h1{font-size:clamp(49px,14vw,76px)}.fragments{grid-template-columns:1fr}.fragment{display:grid;grid-template-columns:90px 1fr auto;align-items:center}.fragment span{margin:0}.intro{margin:22px 0}.command button{padding:0 13px}footer{padding:0 20px}.reveal:before{inset:10px}.close{right:20px;top:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}