:root{color-scheme:dark;--bg:#10110a;--screen:#172015;--screen-2:#0c160d;--green:#7dff77;--green-soft:#7dff77ad;--green-dim:#7dff7729;--amber:#ffd36a;--text:#eaffdf;--muted:#9fbe95}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% 35%,#7dff771f,#0000 28%),radial-gradient(circle at 12% 18%,#ffd36a1f,#0000 24%),linear-gradient(135deg,#1b1710 0%,#080b07 52%,#17190f 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:screen;opacity:.55;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 4px);animation:6s linear infinite scanlines}body:after{z-index:4;background:radial-gradient(circle,#0000 45%,#0000008c 100%),linear-gradient(90deg,#ff50280a,#50ff5a0a,#468cff0a);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}.particles-background{z-index:0;pointer-events:none;position:fixed;inset:0}.particles-background canvas{width:100%;height:100%;display:block}.page:before{z-index:-1;content:"";background-color:#0000;background-image:linear-gradient(90deg,#0000 49%,#7dff770f 50%,#0000 51%),linear-gradient(#0000 49%,#7dff770d 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 #7dff772e;border-radius:8px;animation:14s linear infinite mapGrid;position:absolute;inset:78px -18px 24px;box-shadow:inset 0 0 90px #7dff7712,0 0 70px #00000073}.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, #172015eb, #0a120af0), var(--screen);border:1px solid #7dff776b;border-radius:8px;padding:28px;animation:.9s both terminalIn;position:relative;overflow:hidden;box-shadow:inset 0 0 42px #7dff7714,0 24px 80px #0000006b}.terminal:before{content:"";background:linear-gradient(90deg,#0000,#7dff771f,#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(--amber);text-transform:uppercase;letter-spacing:.12em;background:#ffd36a14;border:1px solid #ffd36a73;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 #7dff7761;margin:0;font-size:clamp(42px,7.8vw,86px);line-height:.96;animation:3.8s infinite flicker}.role{color:var(--amber);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(--amber);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:#7dff7714;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 #7dff770f}.button:hover{color:#071007;background:var(--green);transform:translateY(-3px)}.button.secondary{color:var(--amber);background:#ffd36a14;border-color:#ffd36a9e}.button.secondary:hover{color:#161107;background:var(--amber)}.profile-panel{background:linear-gradient(#151d11db,#080c07eb);border:1px solid #7dff775c;border-radius:8px;padding:18px;animation:5s ease-in-out infinite floatPanel;position:relative;box-shadow:0 30px 90px #00000075,inset 0 0 55px #7dff7714}.profile-panel:after{pointer-events:none;content:"";border:1px dashed #7dff7742;border-radius:6px;position:absolute;inset:12px}.photo-wrap{aspect-ratio:4/5;background:var(--screen-2);border:1px solid #ffd36a6b;border-radius:6px;position:relative;overflow:hidden}.photo-wrap img{object-fit:cover;object-position:50% 42%;filter:sepia(.34)saturate(.95)contrast(1.08)brightness(.9);width:100%;height:100%;display:block;transform:scale(1.02)}.photo-wrap:before{z-index:1;content:"";mix-blend-mode:screen;background:linear-gradient(#7dff771f,#0000 42%,#00000047),repeating-linear-gradient(#0000 0 5px,#7dff7714 6px);position:absolute;inset:0}.photo-wrap:after{z-index:2;color:var(--green);content:"TEAMLEAD ID";background:#050a05b8;border:1px solid #7dff777a;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(--amber);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:#7dff7714;border:1px solid #7dff7747;border-radius:999px;height:10px;overflow:hidden}.meter span{width:var(--value);background:linear-gradient(90deg, var(--green), var(--amber));height:100%;animation:1.5s both fillMeter;display:block;box-shadow:0 0 18px #7dff7773}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;display:grid}.card{background:linear-gradient(#7dff7714,#7dff7709),#080e08c2;border:1px solid #7dff7747;border-radius:8px;min-height:160px;padding:20px;animation:.8s both cardIn;box-shadow:inset 0 0 34px #7dff770b}.card:nth-child(2){animation-delay:.12s}.card:nth-child(3){animation-delay:.24s}.card strong{color:var(--amber);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(--amber);white-space:nowrap;border-block:1px solid #ffd36a42;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 mapGrid{to{background-position:72px 72px}}@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}}