:root{
  --bg:#030704;
  --bg-2:#061108;
  --panel:#07120a;
  --panel-2:#0b1c10;
  --text:#ecfff1;
  --muted:#9ab8a3;
  --muted-2:#c9f4d2;
  --green:#00ff66;
  --green-2:#7dff9a;
  --amber:#f7d774;
  --red:#ff5f57;
  --blue:#55ddff;
  --border:rgba(111,255,150,.24);
  --border-strong:rgba(111,255,150,.48);
  --shadow:0 28px 110px rgba(0,0,0,.62);
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --max:1260px;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);font-family:var(--sans);line-height:1.55;background:radial-gradient(circle at 12% 0%,rgba(0,255,102,.16),transparent 32rem),radial-gradient(circle at 88% 18%,rgba(85,221,255,.09),transparent 30rem),linear-gradient(180deg,#020503 0%,#061108 48%,#020503 100%);overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}
#matrix-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.44;pointer-events:none;transition:opacity .25s ease}body.matrix-muted #matrix-canvas{opacity:.16}.scanlines{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.18;background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 36%,transparent 0 38%,rgba(0,0,0,.54) 82%)}
.boot-screen{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#020503;transition:opacity .45s ease,visibility .45s ease}.boot-screen.hidden{opacity:0;visibility:hidden}.boot-card{width:min(520px,calc(100% - 36px));border:1px solid var(--border-strong);border-radius:22px;background:rgba(3,7,4,.94);box-shadow:0 0 90px rgba(0,255,102,.16);padding:28px;font-family:var(--mono)}.boot-logo{display:inline-flex;color:#020503;background:var(--green);font-weight:950;padding:8px 12px;border-radius:8px;letter-spacing:.14em}.boot-card p{margin:22px 0 0;color:var(--green-2)}
.desktop{position:relative;z-index:3;width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:18px 0 110px}.topbar{position:sticky;top:14px;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border:1px solid var(--border);border-radius:18px;background:rgba(3,7,4,.76);backdrop-filter:blur(18px);box-shadow:0 14px 60px rgba(0,0,0,.36)}.system-brand{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:900;color:var(--green-2)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(0,255,102,.15);border:1px solid var(--border)}.top-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.top-actions button,.top-actions a{border:1px solid transparent;background:transparent;border-radius:999px;color:var(--muted-2);padding:8px 11px;font-size:13px;font-weight:800;cursor:pointer}.top-actions button:hover,.top-actions a:hover{border-color:var(--border);background:rgba(0,255,102,.08);color:#fff}.system-clock{font-family:var(--mono);color:var(--green);font-size:13px;min-width:58px;text-align:right}
.hero-shell{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:22px;align-items:stretch;min-height:calc(100vh - 76px);padding:32px 0 28px}.profile-card,.terminal-window,.readable-strip article,.os-window{border:1px solid var(--border);background:linear-gradient(180deg,rgba(8,24,12,.86),rgba(3,7,4,.84));box-shadow:var(--shadow),inset 0 0 0 1px rgba(255,255,255,.025)}.profile-card{border-radius:26px;padding:clamp(24px,4vw,42px);align-self:center;position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(0,255,102,.10),transparent);transform:translateX(-130%);animation:sheen 9s infinite}.kicker{position:relative;margin:0 0 18px;color:var(--green);font:800 12px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase}.profile-card h1{position:relative;margin:0;font-size:clamp(38px,5.1vw,70px);line-height:.96;letter-spacing:-.06em;text-wrap:balance}.profile-card p:not(.kicker){position:relative;margin:24px 0 0;color:var(--muted-2);font-size:clamp(16px,1.6vw,20px)}.profile-actions{position:relative;display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.primary-action,.secondary-action{min-height:46px;padding:0 16px;border-radius:999px;border:1px solid var(--border-strong);font-weight:900;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-action{background:var(--green);color:#021006;border-color:transparent}.secondary-action{background:rgba(0,255,102,.08);color:var(--green-2)}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(0,255,102,.14)}.facts-grid{position:relative;display:grid;gap:12px;margin:28px 0 0}.facts-grid div{border-top:1px solid var(--border);padding-top:12px}dt{color:var(--muted);font:900 11px/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase}dd{margin:4px 0 0;color:#fff;font-weight:850}
.terminal-window{border-radius:26px;overflow:hidden;min-height:620px}.main-terminal{align-self:stretch;display:flex;flex-direction:column}.window-bar{height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));font-family:var(--mono)}.traffic{display:flex;gap:7px}.traffic span{width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 14px rgba(255,95,87,.35)}.traffic span:nth-child(2){background:#febc2e}.traffic span:nth-child(3){background:#28c840}.window-bar strong{font-size:13px;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-actions{margin-left:auto}.bar-actions span{display:inline-flex;padding:4px 8px;border:1px solid rgba(0,255,102,.34);border-radius:999px;color:var(--green);font-size:11px}.terminal-body{flex:1;padding:clamp(20px,3vw,34px);font-family:var(--mono);overflow:auto}.terminal-body h2{margin:0;color:#fff;font-size:clamp(28px,4vw,50px);line-height:1;letter-spacing:-.055em;font-family:var(--sans)}.terminal-subtitle{margin:14px 0 24px;color:var(--muted-2);font-family:var(--sans);font-size:18px}.command-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.command-grid button{min-height:74px;text-align:left;border:1px solid var(--border);border-radius:16px;background:rgba(0,255,102,.055);padding:12px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.command-grid button:hover{transform:translateY(-2px);border-color:var(--border-strong);background:rgba(0,255,102,.12)}.command-grid b{display:block;color:var(--green);font-size:16px}.command-grid span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.output-stream{border-top:1px solid var(--border);padding-top:18px;min-height:130px}.output-stream p{margin:0 0 10px;color:#d9ffe1;white-space:pre-wrap}.output-stream button{border:0;background:transparent;color:var(--green);font-family:var(--mono);font-weight:900;cursor:pointer;padding:0}.prompt{color:var(--green);font-weight:950}.terminal-form{display:flex;align-items:center;gap:10px;padding:16px 18px;border-top:1px solid var(--border);background:rgba(0,0,0,.22);font-family:var(--mono)}.terminal-form label{color:var(--green);white-space:nowrap}.terminal-form input{width:100%;border:0;outline:0;background:transparent;color:#fff;caret-color:var(--green)}.terminal-form input::placeholder{color:rgba(201,244,210,.45)}
.readable-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:10px 0 26px}.readable-strip article{border-radius:22px;padding:24px}.readable-strip span{color:var(--green);font:950 12px var(--mono);letter-spacing:.18em}.readable-strip h2{margin:18px 0 0;font-size:clamp(24px,2.6vw,34px);line-height:1;letter-spacing:-.05em}.readable-strip p{margin:14px 0 0;color:var(--muted-2)}
.window-layer{position:fixed;inset:82px 18px 96px;z-index:70;pointer-events:none}.os-window{position:absolute;width:min(660px,calc(100vw - 36px));max-height:calc(100vh - 190px);overflow:hidden;border-radius:22px;pointer-events:auto;animation:windowIn .26s cubic-bezier(.2,.9,.2,1);resize:both}.os-window.focused{border-color:var(--border-strong);box-shadow:0 32px 120px rgba(0,0,0,.72),0 0 70px rgba(0,255,102,.13)}.window-close{margin-left:auto;width:30px;height:30px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.04);cursor:pointer}.window-close:hover{background:rgba(255,95,87,.16);border-color:rgba(255,95,87,.45)}.window-content{padding:24px;max-height:calc(100vh - 240px);overflow:auto}.window-content h3{margin:0;font-size:clamp(28px,4vw,48px);line-height:.96;letter-spacing:-.06em}.window-content p{color:var(--muted-2);font-size:17px}.window-content ul{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.window-content li{padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:rgba(0,255,102,.045)}.window-content a{color:var(--green);font-weight:900}.window-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pill-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.pill-list span{border:1px solid var(--border);border-radius:999px;padding:8px 11px;color:#fff;background:rgba(255,255,255,.04);font-weight:800}.timeline{display:grid;gap:12px;margin-top:18px}.timeline div{padding:14px;border-left:2px solid var(--green);background:rgba(0,255,102,.045);border-radius:0 14px 14px 0}.timeline time{display:block;color:var(--green);font-family:var(--mono);font-size:12px}.dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:90;display:flex;gap:8px;padding:9px;border:1px solid var(--border);border-radius:22px;background:rgba(3,7,4,.76);backdrop-filter:blur(18px);box-shadow:0 18px 70px rgba(0,0,0,.48)}.dock button{display:grid;place-items:center;gap:3px;min-width:70px;border:0;border-radius:15px;background:transparent;color:var(--muted-2);padding:8px;cursor:pointer;font-size:12px;font-weight:800}.dock button:hover{background:rgba(0,255,102,.1);color:#fff}.dock span{font-size:18px;color:var(--green)}
@keyframes sheen{0%,55%{transform:translateX(-130%)}78%,100%{transform:translateX(130%)}}@keyframes windowIn{from{opacity:0;transform:translateY(24px) scale(.96);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}#matrix-canvas{opacity:.12}.boot-screen{display:none}.profile-card:before{display:none}.os-window{animation:none}.primary-action:hover,.secondary-action:hover,.command-grid button:hover{transform:none}}
@media (max-width:1040px){.hero-shell{grid-template-columns:1fr;min-height:auto}.profile-card{align-self:auto}.terminal-window{min-height:560px}.command-grid{grid-template-columns:repeat(2,1fr)}.readable-strip{grid-template-columns:1fr}.topbar{align-items:flex-start}.top-actions{justify-content:flex-end}.window-layer{inset:74px 10px 92px}.os-window{left:0!important;right:0!important;margin:auto;width:calc(100vw - 28px)}}
@media (max-width:680px){.desktop{width:calc(100% - 20px);padding-bottom:104px}.topbar{top:8px;border-radius:16px}.top-actions button:nth-child(n+3),.top-actions a{display:none}.system-clock{display:none}.hero-shell{padding-top:18px}.profile-card{padding:24px;border-radius:22px}.profile-card h1{font-size:34px;line-height:1}.profile-card p:not(.kicker),.terminal-subtitle{font-size:16px}.profile-actions{display:grid}.primary-action,.secondary-action{width:100%}.facts-grid{font-size:14px}.terminal-window{min-height:560px;border-radius:20px}.window-bar{height:44px;padding:0 12px}.terminal-body{padding:18px}.terminal-body h2{font-size:30px}.command-grid{grid-template-columns:1fr}.command-grid button{min-height:58px}.terminal-form{align-items:flex-start;flex-direction:column}.readable-strip article{padding:20px}.dock{width:calc(100% - 20px);overflow:auto;justify-content:flex-start}.dock button{min-width:62px}.window-content{padding:18px}.window-grid{grid-template-columns:1fr}}