:root{color-scheme:dark;--bg:#020604;--screen:#06120b;--screen-2:#010403;--green:#0f6;--green-hot:#b8ffd3;--green-soft:#00ff66ad;--green-dim:#00ff6624;--cursor:#8dffbf;--text:#d8ffe4;--muted:#73b98b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% 22%,#00ff6621,#0000 28%),radial-gradient(circle at 80% 70%,#00963e1f,#0000 30%),linear-gradient(135deg,#000 0%,#020604 48%,#000 100%);margin:0;font-family:Courier New,Courier,monospace;overflow-x:hidden}body:before,body:after{pointer-events:none;content:"";position:fixed;inset:0}body:before{z-index:3;mix-blend-mode:lighten;opacity:.45;background:repeating-linear-gradient(#00ff660a 0 1px,#0000 1px 5px);animation:6s linear infinite scanlines}body:after{z-index:4;background:radial-gradient(circle,#0000 44%,#000000ad 100%),linear-gradient(90deg,#00ff6608,#0000 35%,#00ff6606);animation:4s ease-in-out infinite screenPulse}.page{z-index:1;width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto;padding:28px 0 46px;position:relative}.matrix-background{z-index:0;pointer-events:none;background:linear-gradient(#00ff660f,#0000 18%),repeating-linear-gradient(90deg,#00ff6606 0 1px,#0000 1px 72px);position:fixed;inset:0;overflow:hidden}.matrix-background:after{content:"";background:linear-gradient(#0000001f,#0000 20%,#000000d1);position:absolute;inset:0}.matrix-stream{top:-42vh;left:var(--left);width:1ch;color:var(--green);font-size:var(--font-size);text-orientation:upright;text-shadow:0 0 9px #00ff66e0,0 0 22px #00ff6652;writing-mode:vertical-rl;opacity:var(--opacity);animation:matrixRain var(--duration) linear infinite;animation-delay:var(--delay);line-height:1.1;position:absolute}.page:before{z-index:-1;content:"";background-color:#0000;background-image:linear-gradient(90deg,#0000 49%,#00ff6614 50%,#0000 51%),linear-gradient(#0000 49%,#00ff660f 50%,#0000 51%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #00ff662e;border-radius:8px;animation:14s linear infinite mapGrid;position:absolute;inset:78px -18px 24px;box-shadow:inset 0 0 90px #00ff6614,0 0 70px #00000094}.topbar{color:var(--green);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:18px;padding:12px 0 22px;animation:.7s steps(8,end) both boot;display:flex}.brand{align-items:center;gap:12px;font-weight:800;display:inline-flex}.signal{background:var(--green);width:12px;height:12px;box-shadow:0 0 18px var(--green);border-radius:50%;animation:1.2s steps(2,end) infinite blink}.status{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:inline-flex}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:42px;padding:56px 0 34px;display:grid}.terminal{background:linear-gradient(180deg, #03160be6, #000603f5), var(--screen);border:1px solid #00ff666b;border-radius:8px;padding:28px;animation:.9s both terminalIn;position:relative;overflow:hidden;box-shadow:inset 0 0 42px #00ff661c,0 24px 80px #0000008c,0 0 54px #00ff6614}.terminal:before{content:"";background:linear-gradient(90deg,#0000,#00ff6624,#0000);width:55%;height:100%;animation:5.8s ease-in-out infinite sweep;position:absolute;top:0;left:-75%;transform:skew(-18deg)}.label{color:var(--green-hot);text-transform:uppercase;letter-spacing:.12em;background:#00ff6614;border:1px solid #b8ffd373;border-radius:6px;margin:0 0 18px;padding:6px 10px;font-size:14px;font-weight:700;display:inline-block}h1{max-width:780px;color:var(--green);letter-spacing:0;text-shadow:0 0 20px #00ff6675;margin:0;font-size:clamp(42px,7.8vw,86px);line-height:.96;animation:3.8s infinite flicker}.role{color:var(--green-hot);text-transform:uppercase;align-items:center;margin-top:18px;font-size:clamp(22px,3vw,34px);font-weight:800;display:inline-flex}.role:after{content:"";background:var(--cursor);width:14px;height:1.1em;margin-left:8px;animation:.9s steps(2,end) infinite cursor}.lead{max-width:660px;color:var(--muted);margin:24px 0 0;font-size:clamp(17px,1.8vw,21px);line-height:1.65}.actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.button{border:1px solid var(--green-soft);min-height:48px;color:var(--green);text-transform:uppercase;background:#00ff6614;border-radius:6px;justify-content:center;align-items:center;padding:0 18px;font-family:inherit;font-weight:800;text-decoration:none;transition:transform .18s,background .18s,color .18s;display:inline-flex;box-shadow:inset 0 0 18px #00ff6612}.button:hover{color:#071007;background:var(--green);transform:translateY(-3px)}.button.secondary{color:var(--green-hot);background:#b8ffd314;border-color:#b8ffd39e}.button.secondary:hover{color:#001407;background:var(--green-hot)}.profile-panel{background:linear-gradient(#02180ad6,#000502f0);border:1px solid #00ff665c;border-radius:8px;padding:18px;animation:5s ease-in-out infinite floatPanel;position:relative;box-shadow:0 30px 90px #00000094,inset 0 0 55px #00ff661a}.profile-panel:after{pointer-events:none;content:"";border:1px dashed #00ff6642;border-radius:6px;position:absolute;inset:12px}.photo-wrap{aspect-ratio:4/5;background:var(--screen-2);border:1px solid #b8ffd36b;border-radius:6px;position:relative;overflow:hidden}.photo-wrap img{object-fit:cover;object-position:50% 42%;filter:grayscale(.52)sepia(.7)hue-rotate(74deg)saturate(1.45)contrast(1.15)brightness(.76);width:100%;height:100%;display:block;transform:scale(1.02)}.photo-wrap:before{z-index:1;content:"";mix-blend-mode:screen;background:linear-gradient(#00ff6624,#0000 42%,#00000052),repeating-linear-gradient(#0000 0 5px,#00ff661a 6px);position:absolute;inset:0}.photo-wrap:after{z-index:2;color:var(--green);content:"OPERATOR ID";background:#050a05b8;border:1px solid #00ff667a;border-radius:5px;padding:7px 9px;font-size:12px;font-weight:800;position:absolute;bottom:12px;right:12px}.panel-caption{color:var(--muted);text-transform:uppercase;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:14px;font-size:14px;display:grid}.level{color:var(--green-hot);font-weight:800}.meters{gap:12px;margin-top:16px;display:grid}.meter-row{color:var(--green);text-transform:uppercase;grid-template-columns:82px 1fr 38px;align-items:center;gap:10px;font-size:13px;display:grid}.meter{background:#00ff6614;border:1px solid #00ff6647;border-radius:999px;height:10px;overflow:hidden}.meter span{width:var(--value);background:linear-gradient(90deg, var(--green), var(--green-hot));height:100%;animation:1.5s both fillMeter;display:block;box-shadow:0 0 18px #00ff667a}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;display:grid}.card{background:linear-gradient(#00ff661a,#00ff6609),#000a04d1;border:1px solid #00ff6647;border-radius:8px;min-height:160px;padding:20px;animation:.8s both cardIn;box-shadow:inset 0 0 34px #00ff660f}.card:nth-child(2){animation-delay:.12s}.card:nth-child(3){animation-delay:.24s}.card strong{color:var(--green-hot);text-transform:uppercase;letter-spacing:.12em;font-size:13px;display:block}.card h2{color:var(--green);margin:14px 0 10px;font-size:24px;line-height:1.1}.card p{color:var(--muted);margin:0;line-height:1.55}.ticker{color:var(--green-hot);white-space:nowrap;border-block:1px solid #00ff6647;margin-top:18px;overflow:hidden}.ticker span{padding:12px 0;animation:18s linear infinite ticker;display:inline-block}@keyframes boot{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}@keyframes terminalIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sweep{0%,45%{left:-75%}70%,to{left:125%}}@keyframes flicker{0%,to{opacity:1}42%{opacity:.96}43%{opacity:.72}44%{opacity:1}}@keyframes cursor{50%{opacity:0}}@keyframes floatPanel{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fillMeter{0%{width:0}}@keyframes blink{50%{opacity:.2}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes matrixRain{0%{transform:translateY(-45vh)}to{transform:translateY(145vh)}}@keyframes mapGrid{to{background-position:72px 72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.matrix-stream{opacity:.18}}@keyframes scanlines{to{transform:translateY(16px)}}@keyframes screenPulse{0%,to{opacity:.88}50%{opacity:.68}}@media (width<=920px){.hero,.cards{grid-template-columns:1fr}.hero{padding-top:34px}.profile-panel{max-width:520px}}@media (width<=560px){.page{width:min(100% - 22px,520px);padding-top:18px}.topbar,.panel-caption{flex-direction:column;align-items:flex-start}.terminal{padding:20px}.hero{gap:24px}.meter-row{grid-template-columns:68px 1fr 34px;font-size:12px}}