:root {
  --bg: #07111f;
  --bg-soft: #0a1728;
  --panel: rgba(14, 30, 50, .78);
  --panel-solid: #0d1c2f;
  --panel-light: #f6f8fb;
  --line: rgba(149, 177, 207, .15);
  --line-strong: rgba(149, 177, 207, .27);
  --text: #f4f8fc;
  --muted: #91a4ba;
  --ink: #102033;
  --cyan: #45d4e8;
  --blue: #4d7cff;
  --green: #42d49a;
  --orange: #ffad66;
  --danger: #ff6b7d;
  --shadow: 0 30px 80px rgba(0, 0, 0, .24);
  --radius: 18px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; min-height: 100vh; background: var(--bg); color: var(--text); }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }

.boot { min-height: 100vh; display: flex; align-items: center; justify-content: center; gap: 8px; }
.boot span { width: 8px; height: 8px; background: var(--cyan); border-radius: 50%; animation: pulse 1s infinite alternate; }
.boot span:nth-child(2) { animation-delay: .18s; }.boot span:nth-child(3) { animation-delay: .36s; }
@keyframes pulse { to { opacity: .24; transform: translateY(-8px); } }

.shell { position: relative; overflow: hidden; min-height: 100vh; }
.shell::before { content: ""; position: absolute; inset: -30% auto auto 55%; width: 700px; height: 700px; border-radius: 50%; background: rgba(41, 111, 183, .18); filter: blur(100px); pointer-events: none; }
.nav { height: 76px; display: flex; align-items: center; justify-content: space-between; width: min(1180px, calc(100% - 40px)); margin: auto; position: relative; z-index: 4; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 19px; font-weight: 720; letter-spacing: -.02em; }
.brand-mark { width: 32px; height: 32px; border: 1px solid rgba(69,212,232,.55); border-radius: 10px; position: relative; transform: rotate(45deg); background: linear-gradient(135deg, rgba(69,212,232,.18), rgba(77,124,255,.2)); box-shadow: inset 0 0 20px rgba(69,212,232,.08); }
.brand-mark::after { content: ""; position: absolute; inset: 8px; border: 2px solid var(--cyan); border-radius: 4px; }
.nav-links { display: flex; align-items: center; gap: 30px; color: #b2c0d0; font-size: 14px; }
.nav-links a:hover { color: white; }
.btn { min-height: 44px; border: 1px solid transparent; border-radius: 12px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; color: white; background: linear-gradient(135deg, var(--blue), #395ccc); font-weight: 650; transition: .2s ease; box-shadow: 0 10px 30px rgba(77,124,255,.18); }
.btn:hover { transform: translateY(-1px); filter: brightness(1.06); }
.btn.secondary { background: rgba(255,255,255,.035); border-color: var(--line-strong); box-shadow: none; }
.btn.small { min-height: 38px; padding: 0 14px; border-radius: 10px; font-size: 14px; }

.hero { width: min(1180px, calc(100% - 40px)); min-height: 660px; margin: auto; display: grid; grid-template-columns: 1fr .92fr; align-items: center; gap: 80px; position: relative; z-index: 2; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #9db3ca; border: 1px solid var(--line); padding: 8px 12px; border-radius: 999px; font-size: 13px; background: rgba(255,255,255,.025); }
.dot-live { width: 7px; height: 7px; background: var(--green); box-shadow: 0 0 0 5px rgba(66,212,154,.1); border-radius: 50%; }
h1 { margin: 24px 0 20px; font-size: clamp(48px, 6vw, 78px); line-height: .98; letter-spacing: -.055em; max-width: 760px; }
.gradient-text { background: linear-gradient(100deg, #fff, #82e8f2 65%, #728cff); color: transparent; background-clip: text; }
.lead { color: #a8b8c9; font-size: 18px; line-height: 1.75; max-width: 590px; }
.hero-actions { display: flex; gap: 12px; margin-top: 32px; flex-wrap: wrap; }
.trust-row { display: flex; gap: 30px; margin-top: 36px; color: #758ca3; font-size: 13px; }
.trust-row span { display: flex; gap: 8px; align-items: center; }
.trust-row b { color: #c8d7e6; font-weight: 630; }

.network-card { border: 1px solid var(--line-strong); border-radius: 26px; padding: 18px; background: linear-gradient(145deg, rgba(19,41,66,.82), rgba(8,20,35,.68)); box-shadow: var(--shadow); backdrop-filter: blur(16px); position: relative; }
.network-top { display: flex; justify-content: space-between; align-items: center; padding: 6px 4px 18px; }
.network-top strong { font-size: 14px; }.network-top span { color: var(--muted); font-size: 12px; }
.map { height: 330px; border: 1px solid var(--line); border-radius: 18px; position: relative; overflow: hidden; background: radial-gradient(circle at 55% 45%, rgba(68,128,190,.16), transparent 36%), linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: auto, 32px 32px, 32px 32px; }
.map::before, .map::after { content: ""; position: absolute; border: 1px solid rgba(69,212,232,.17); border-radius: 50%; width: 290px; height: 290px; left: 50%; top: 50%; transform: translate(-50%,-50%); }.map::after { width: 190px; height: 190px; }
.route { position: absolute; height: 1px; background: linear-gradient(90deg, transparent, var(--cyan), transparent); transform-origin: left center; opacity: .55; }
.r1 { width: 280px; left: 20%; top: 28%; transform: rotate(28deg); }.r2 { width: 240px; left: 35%; top: 66%; transform: rotate(-35deg); }.r3 { width: 190px; left: 14%; top: 70%; transform: rotate(-54deg); }
.map-node { position: absolute; width: 12px; height: 12px; border: 3px solid var(--bg); background: var(--cyan); border-radius: 50%; box-shadow: 0 0 0 7px rgba(69,212,232,.1); }.map-node:nth-of-type(1) { top: 24%; left: 23%; }.map-node:nth-of-type(2) { top: 52%; left: 56%; background: var(--blue); }.map-node:nth-of-type(3) { top: 72%; left: 72%; }.map-node:nth-of-type(4) { top: 68%; left: 17%; background: var(--green); }
.map-label { position: absolute; background: rgba(8,20,35,.86); border: 1px solid var(--line); padding: 7px 9px; border-radius: 8px; font-size: 11px; color: #c5d6e7; }.l1{top:16%;left:27%}.l2{top:44%;left:59%}.l3{top:75%;left:56%}
.network-foot { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 12px; }
.mini-stat { background: rgba(255,255,255,.025); border: 1px solid var(--line); padding: 13px; border-radius: 12px; }.mini-stat span { color: var(--muted); font-size: 11px; display: block; margin-bottom: 5px; }.mini-stat b { font-size: 15px; }

.section { width: min(1180px, calc(100% - 40px)); margin: 100px auto; }
.section-heading { display: flex; justify-content: space-between; gap: 50px; align-items: end; margin-bottom: 35px; }.section-heading h2 { font-size: clamp(32px,4vw,50px); letter-spacing: -.04em; margin: 0; max-width: 640px; }.section-heading p { color: var(--muted); line-height: 1.65; max-width: 420px; }
.features { display: grid; grid-template-columns: 1.15fr .85fr .85fr; gap: 15px; }.feature { min-height: 220px; border: 1px solid var(--line); border-radius: 20px; padding: 26px; background: rgba(255,255,255,.025); }.feature:first-child { background: linear-gradient(135deg, rgba(77,124,255,.14), rgba(69,212,232,.04)); }.feature-icon { width: 42px; height: 42px; border-radius: 12px; background: rgba(69,212,232,.1); color: var(--cyan); display: grid; place-items: center; font-size: 19px; }.feature h3 { margin: 38px 0 10px; font-size: 18px; }.feature p { color: var(--muted); line-height: 1.6; font-size: 14px; margin: 0; }
.footer { border-top: 1px solid var(--line); width: min(1180px, calc(100% - 40px)); margin: 100px auto 0; padding: 32px 0; color: var(--muted); display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.numbers-band { display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.02) }.number-item{padding:29px;border-right:1px solid var(--line)}.number-item:last-child{border:0}.number-item b{display:block;font-size:28px;letter-spacing:-.03em}.number-item span{display:block;color:var(--muted);font-size:13px;margin-top:7px}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.workflow article{border-top:1px solid var(--line-strong);padding:25px 8px}.workflow em{font-style:normal;color:var(--cyan);font-family:ui-monospace,monospace;font-size:12px}.workflow h3{font-size:20px;margin:22px 0 10px}.workflow p{color:var(--muted);line-height:1.65;font-size:14px}.cta-panel{border:1px solid rgba(69,212,232,.26);border-radius:26px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:radial-gradient(circle at 75% 0,rgba(77,124,255,.22),transparent 40%),rgba(255,255,255,.025)}.cta-panel h2{font-size:38px;letter-spacing:-.04em;margin:0 0 10px}.cta-panel p{color:var(--muted);margin:0}

/* Authentication */
.auth-page { min-height: 100vh; display: grid; grid-template-columns: 1.08fr .92fr; background: #06101d; }
.auth-visual { padding: 44px clamp(35px,6vw,90px); display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; background: radial-gradient(circle at 20% 80%,rgba(44,111,173,.25),transparent 35%), #081526; }
.auth-visual::after { content:""; position:absolute; width:520px; height:520px; border:1px solid rgba(69,212,232,.13); border-radius:50%; right:-140px; top:17%; box-shadow: 0 0 0 70px rgba(69,212,232,.025), 0 0 0 140px rgba(69,212,232,.018); }
.auth-message { max-width: 560px; position: relative; z-index: 2; }.auth-message h1 { font-size: clamp(42px,5vw,68px); }.auth-message p { color: #9fb2c7; line-height:1.7; font-size:17px; max-width:500px; }
.auth-nodes { display:flex; gap:10px; flex-wrap:wrap; position:relative; z-index:2; }.auth-nodes span { padding:8px 12px; border:1px solid var(--line); border-radius:99px; color:#8fa7bf; font-size:12px; background:rgba(255,255,255,.025); }
.auth-form-wrap { background: #f7f9fc; color: var(--ink); display:grid; place-items:center; padding:40px; }
.auth-form { width:min(420px,100%); }.auth-form .brand { margin-bottom:56px; }.auth-form .brand-mark { background:#0d213a; }.auth-form h2 { font-size:34px; margin:0 0 10px; letter-spacing:-.035em; }.auth-form > p { color:#68798d; margin:0 0 32px; line-height:1.55; }.field { margin-bottom:18px; }.field label { display:block; font-size:13px; font-weight:650; margin-bottom:8px; }.field input, .field select { width:100%; height:50px; padding:0 14px; color:#132337; background:white; border:1px solid #d9e1e9; border-radius:11px; outline:none; }.field input:focus,.field select:focus { border-color:#557bff; box-shadow:0 0 0 3px rgba(77,124,255,.12); }.password-row { display:flex; justify-content:space-between; align-items:center; }.password-row a { color:#3d64da; font-size:13px; }.auth-form .btn { width:100%; height:50px; }.auth-note { margin-top:18px; padding:12px 14px; background:#edf2f7; border-radius:10px; color:#66788c; font-size:12px; line-height:1.5; }.form-error { min-height:20px; color:#d84356; font-size:13px; margin:0 0 10px; }

/* Dashboard */
.dashboard { min-height:100vh; display:grid; grid-template-columns:250px 1fr; background:#f3f6fa; color:var(--ink); }.sidebar { background:#081525; color:white; padding:25px 18px; display:flex; flex-direction:column; min-height:100vh; }.sidebar .brand { padding:0 10px 28px; border-bottom:1px solid var(--line); }.side-nav { display:grid; gap:6px; margin-top:24px; }.side-link { border:0; color:#8ea3ba; background:transparent; text-align:left; padding:12px 13px; border-radius:10px; cursor:pointer; display:flex; gap:11px; align-items:center; }.side-link:hover,.side-link.active { background:rgba(69,212,232,.09); color:#eafaff; }.side-link.active { box-shadow:inset 2px 0 var(--cyan); }.side-bottom { margin-top:auto; border-top:1px solid var(--line); padding-top:18px; }.profile { display:flex; gap:10px; align-items:center; padding:9px; }.avatar { width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;font-weight:750;font-size:12px; }.profile b,.profile small { display:block; }.profile b{font-size:13px}.profile small{color:#7890a8;font-size:11px;margin-top:2px}
.main { padding:28px clamp(20px,4vw,48px) 60px; overflow:hidden; }.topbar { display:flex;justify-content:space-between;align-items:center;margin-bottom:30px; }.topbar h1 { font-size:30px; color:var(--ink); margin:0; letter-spacing:-.035em; }.topbar p { color:#74869a; margin:6px 0 0; font-size:14px; }.top-actions { display:flex; gap:10px; }.icon-btn { width:42px;height:42px;border:1px solid #d9e2ec;border-radius:11px;background:white;color:#52667c;cursor:pointer; }.dashboard .btn.secondary { color:#31445b; border-color:#d9e2ec; background:white; }
.stats-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px; }.stat-card,.panel { background:white;border:1px solid #e1e7ee;border-radius:16px;box-shadow:0 7px 26px rgba(21,48,78,.04); }.stat-card { padding:19px; }.stat-head{display:flex;justify-content:space-between;align-items:center;color:#75869a;font-size:12px}.stat-icon{width:30px;height:30px;border-radius:9px;background:#edf4ff;color:#4d70df;display:grid;place-items:center}.stat-value{font-size:26px;font-weight:760;letter-spacing:-.03em;margin:15px 0 7px}.stat-change{font-size:12px;color:#61758a}.stat-change.up{color:#149467}
.dash-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(270px,.8fr);gap:16px; }.panel { padding:20px; }.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title h3{font-size:15px;margin:0}.panel-title span,.panel-title select{font-size:12px;color:#718499}.panel-title select{height:32px;border:1px solid #dfe6ee;border-radius:8px;background:white;padding:0 8px}.chart-wrap{height:260px;position:relative}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#e9eef4;stroke-width:1}.chart-line{fill:none;stroke:#4d7cff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#areaGradient)}
.node-list{display:grid;gap:10px}.node-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #e5eaf0;border-radius:11px}.flag{width:34px;height:34px;background:#eff3f8;border-radius:9px;display:grid;place-items:center;font-size:16px}.node-row b,.node-row small{display:block}.node-row b{font-size:13px}.node-row small{color:#7b8da0;font-size:11px;margin-top:3px}.status{width:8px;height:8px;border-radius:50%;background:#35c78a;box-shadow:0 0 0 4px rgba(53,199,138,.1)}
.table-panel{margin-top:16px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:#7a8c9f;font-weight:550;padding:11px;border-bottom:1px solid #e7ecf1}.data-table td{padding:14px 11px;border-bottom:1px solid #edf1f5}.data-table tr:last-child td{border:0}.pill{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:99px;background:#eaf8f2;color:#16825d;font-size:11px}.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:#2db57f}

/* Public node page */
.node-page { min-height:100vh; background:#eef2f6; color:var(--ink); }.node-header { height:74px;background:#091727;color:white;border-bottom:1px solid rgba(255,255,255,.08); }.node-header .inner { width:min(1120px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.node-header-right{display:flex;gap:20px;align-items:center;color:#8fa5ba;font-size:13px}.node-content{width:min(1120px,calc(100% - 40px));margin:auto;padding:46px 0 70px}.node-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:27px}.node-intro h1{color:var(--ink);font-size:36px;margin:0 0 8px}.node-intro p{color:#74869a;margin:0}.big-status{display:flex;align-items:center;gap:10px;color:#16815c;font-weight:650;font-size:14px;background:#e3f5ed;border:1px solid #cdebe0;padding:10px 14px;border-radius:12px}.node-card-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.node-main-card,.node-side-card{background:white;border:1px solid #dde5ed;border-radius:17px;padding:24px}.node-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e4eaf0;border:1px solid #e4eaf0;border-radius:13px;overflow:hidden}.detail{background:#fff;padding:20px}.detail span{display:block;color:#788a9e;font-size:12px;margin-bottom:8px}.detail b{font-size:16px;word-break:break-word}.health-ring{width:145px;height:145px;border-radius:50%;margin:20px auto;background:conic-gradient(var(--green) var(--health),#e7edf2 0);display:grid;place-items:center;position:relative}.health-ring::after{content:"";position:absolute;inset:12px;background:white;border-radius:50%}.health-ring div{position:relative;z-index:1;text-align:center}.health-ring b{display:block;font-size:29px}.health-ring span{font-size:11px;color:#718499}.metric-bars{display:grid;gap:18px;margin-top:25px}.metric-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.metric-label span{color:#718499}.bar{height:7px;background:#e9eef3;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .6s ease}.event-list{display:grid;gap:15px}.event{display:grid;grid-template-columns:12px 1fr auto;gap:11px;align-items:start}.event::before{content:"";width:8px;height:8px;border-radius:50%;background:#44c990;margin-top:5px}.event b{display:block;font-size:13px}.event p{margin:4px 0 0;color:#7c8da0;font-size:12px}.event time{font-size:11px;color:#91a0ae}.node-footer{text-align:center;color:#8697a7;font-size:12px;padding-top:35px}
.error-card{width:min(600px,calc(100% - 40px));margin:15vh auto;background:white;border-radius:18px;padding:35px;color:var(--ink);text-align:center}.error-card h1{color:var(--ink);font-size:34px;margin:15px}.error-card p{color:#728398;line-height:1.6}.code{font-family:ui-monospace,monospace;background:#edf1f5;padding:3px 7px;border-radius:6px}

/* Incident mode */
.incident-page{min-height:100vh;background:radial-gradient(circle at 4% 6%,rgba(93,78,178,.1),transparent 36%),radial-gradient(circle at 96% 90%,rgba(35,130,141,.08),transparent 35%),#080d14;color:#f4f7fb;padding:8vh 20px}.incident-wrap{width:min(760px,100%);margin:auto}.incident-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(255,176,69,.55);border-radius:999px;background:rgba(255,168,55,.08);box-shadow:0 0 0 8px rgba(255,168,55,.04),0 0 30px rgba(255,168,55,.12);color:#ffb546;font-size:12px;font-weight:750}.incident-badge i{width:7px;height:7px;border-radius:50%;background:#ffb546;box-shadow:0 0 10px #ffb546}.incident-wrap>h1{font-size:clamp(42px,5.5vw,58px);line-height:1.05;margin:27px 0 16px;letter-spacing:-.045em}.incident-lead{color:#89a4ca;line-height:1.75;max-width:690px;margin-bottom:28px}.incident-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.incident-card,.recovery-card{border:1px solid #253043;background:#101722;border-radius:16px;padding:27px}.incident-label{display:block;color:#738db5;font-size:11px;letter-spacing:.035em}.client-ip,.countdown{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:27px;margin-top:10px;letter-spacing:.02em}.incident-card hr{border:0;border-top:1px solid #263142;margin:23px 0}.incident-card dl{margin:0;display:grid;gap:20px}.incident-card dl div{display:flex;justify-content:space-between;gap:20px}.incident-card dt{color:#8098bc;font-size:12px}.incident-card dd{margin:0;font-weight:700;font-size:12px}.incident-card dd.orange{color:#ffaf3f}.countdown{font-size:39px;color:#8c99ff;font-weight:450}.countdown-card p{color:#7084a4;font-size:12px;line-height:1.65;margin-top:17px}.incident-progress{height:4px;background:#202a38;margin-top:103px;overflow:hidden}.incident-progress i{display:block;height:100%;width:2%;background:linear-gradient(90deg,#7384ff,#b7a9ff);transition:width .8s linear}.recovery-card{margin-top:14px;padding:23px}.recovery-card h3{font-size:15px;margin:0 0 10px}.recovery-card p{color:#8199bb;line-height:1.65;font-size:12px;margin:0}.incident-footer{display:flex;justify-content:space-between;gap:20px;color:#7189ad;font-size:11px;margin-top:22px}.incident-footer span{display:flex;gap:10px;align-items:center}.incident-footer code{font-size:10px}.spinner{width:14px;height:14px;border:2px solid #27364b;border-top-color:#8496ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

@media (max-width: 900px) {
  .nav-links a:not(.btn){display:none}.hero{grid-template-columns:1fr;gap:35px;padding:80px 0}.network-card{max-width:620px}.features{grid-template-columns:1fr}.section-heading{display:block}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-wrap{min-height:100vh}.dashboard{grid-template-columns:76px 1fr}.sidebar{padding:20px 10px}.sidebar .brand span:last-child,.side-link span,.profile div:last-child{display:none}.sidebar .brand{justify-content:center;padding:0 0 22px}.side-link{justify-content:center;font-size:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.node-card-grid{grid-template-columns:1fr}.numbers-band{grid-template-columns:repeat(2,1fr)}.number-item:nth-child(2){border-right:0}.number-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.workflow{grid-template-columns:1fr}.cta-panel{display:block}.cta-panel .btn{margin-top:25px}
}
@media (max-width: 600px) {
  .nav{width:calc(100% - 28px)}.hero,.section,.footer{width:calc(100% - 28px)}.hero{padding:48px 0;min-height:auto}.lead{font-size:16px}.trust-row{gap:12px;flex-wrap:wrap}.network-card{padding:11px}.map{height:250px}.section{margin:75px auto}.section-heading h2{font-size:32px}.footer{display:block}.footer span{display:block;margin-top:10px}.auth-form-wrap{padding:25px}.auth-form .brand{margin-bottom:38px}.dashboard{display:block}.sidebar{min-height:auto;height:66px;position:sticky;top:0;z-index:10;display:flex;flex-direction:row;align-items:center}.sidebar .brand{border:0;padding:0}.sidebar .brand-mark{width:29px;height:29px}.side-nav{display:flex;margin:0 0 0 auto}.side-link{padding:9px}.side-bottom{display:none}.main{padding:22px 14px 45px}.top-actions .btn{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px}.stat-value{font-size:21px}.panel{padding:15px}.data-table{min-width:650px}.table-scroll{overflow:auto}.node-content{width:calc(100% - 28px);padding-top:28px}.node-intro{display:block}.big-status{margin-top:20px;width:max-content}.node-details{grid-template-columns:1fr}.node-header-right span:first-child{display:none}.incident-page{padding:45px 14px}.incident-grid{grid-template-columns:1fr}.incident-progress{margin-top:45px}.incident-footer{display:grid}.incident-wrap>h1 br{display:none}.cta-panel{padding:30px}.numbers-band{grid-template-columns:1fr}.number-item{border-right:0;border-bottom:1px solid var(--line)!important}.number-item:last-child{border-bottom:0!important}
}

/* Cwerynet public site — technical editorial direction */
.home{--paper:#edeae3;--dim:#969086;--violet:#9582ff;min-height:100vh;color:var(--paper);background-color:#151410;background-image:linear-gradient(rgba(230,221,199,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(230,221,199,.032) 1px,transparent 1px);background-size:64px 64px;font-family:Inter,Arial,sans-serif}.home-nav{height:88px;width:min(1220px,calc(100% - 56px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(225,218,199,.1)}.home-logo{display:flex;gap:11px;align-items:center;font-family:ui-monospace,monospace;font-size:13px;font-weight:750;letter-spacing:.16em}.home-logo i{width:19px;height:19px;border:1px solid var(--violet);position:relative}.home-logo i:after{content:"";position:absolute;width:5px;height:5px;background:var(--violet);right:-3px;top:-3px}.home-nav nav{display:flex;align-items:center;gap:32px;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.08em;color:#938d82}.home-nav nav a:hover{color:var(--paper)}.home-login{color:var(--paper)!important;border-left:1px solid rgba(225,218,199,.15);padding-left:32px}.home-hero{width:min(1220px,calc(100% - 56px));margin:auto;padding:125px 0 55px}.tech-label,.section-copy>span{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.22em;color:#81796b}.home-hero h1{font-size:clamp(62px,9.2vw,126px);line-height:.82;letter-spacing:-.075em;margin:34px 0 38px;max-width:1110px;font-weight:850}.home-hero h1 span{color:transparent;-webkit-text-stroke:1.5px #716c64}.home-hero>p{font-size:18px;line-height:1.7;color:#928d84;max-width:670px}.hero-console{margin-top:65px;border-top:1px solid rgba(225,218,199,.12);border-bottom:1px solid rgba(225,218,199,.12);height:72px;display:flex;align-items:center;justify-content:space-between;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.08em}.hero-console div{display:flex;align-items:center;gap:10px;color:#858075}.hero-console div i{width:7px;height:7px;border-radius:50%;background:#7eddad;box-shadow:0 0 0 5px rgba(126,221,173,.08)}.hero-console a{height:100%;display:flex;align-items:center;gap:60px;border-left:1px solid rgba(225,218,199,.12);padding-left:34px}.hero-console b{font-size:18px;color:var(--violet)}.live-strip{width:min(1220px,calc(100% - 56px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr) 100px;border:1px solid #38352d;border-radius:2px;background:#1c1a16}.live-strip>div{padding:25px;border-right:1px solid #38352d}.live-strip span{display:block;font-family:ui-monospace,monospace;font-size:10px;color:#777166;letter-spacing:.09em}.live-strip b{display:block;font-family:ui-monospace,monospace;font-size:20px;margin-top:15px;font-weight:500}.live-strip>small{display:grid;place-items:center;color:#7f7769;font-family:ui-monospace,monospace;font-size:9px;line-height:1.5;text-align:center}.technical-section{width:min(1220px,calc(100% - 56px));margin:175px auto}.section-copy{max-width:720px}.section-copy h2{font-size:clamp(42px,5vw,64px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 20px;font-weight:830}.section-copy p{color:#9b958b;line-height:1.65;font-size:17px;max-width:660px}.section-copy.compact{max-width:760px}.architecture-board{height:450px;margin-top:50px;background:#1c1a16;border:1px solid #3a362e;border-radius:20px;position:relative;overflow:hidden;padding:100px 70px 55px}.flow-row{display:grid;grid-template-columns:1fr 1fr .92fr 1fr 48px;gap:8%;height:208px;align-items:center;position:relative;z-index:2}.flow-row article{height:160px;border:1px solid #454034;border-radius:15px;background:#211f1a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.flow-row article b{font-size:16px}.flow-row article span{font-family:ui-monospace,monospace;font-size:11px;color:#746e62;margin-top:9px}.flow-row article.core{height:210px;border:2px solid var(--violet);background:#2d2934}.flow-row article.vertical{height:170px;writing-mode:vertical-rl}.edge-caption{position:absolute;left:-42px;color:#736c5f;font-family:ui-monospace,monospace;font-size:11px}.flow-lines{position:absolute;left:14%;right:10%;top:135px;height:150px}.flow-lines i{position:absolute;left:0;right:0;height:1px;background:repeating-linear-gradient(90deg,var(--violet) 0 8px,transparent 8px 18px)}.flow-lines i:nth-child(1){top:0}.flow-lines i:nth-child(2){top:45px}.flow-lines i:nth-child(3){top:105px}.flow-lines i:nth-child(4){top:150px}.legend{position:absolute;left:50px;bottom:30px;display:flex;gap:30px;color:#6e685d;font-family:ui-monospace,monospace;font-size:10px}.legend span{display:flex;gap:8px;align-items:center}.legend i{display:inline-block;width:17px;border-top:2px solid var(--violet)}.legend span:last-child i{border-top-style:dashed}.presence-board{margin-top:45px;border:1px solid #3a362e;border-radius:20px;overflow:hidden;background:#181713}.presence-graph{display:block;width:100%;height:120px}.net-lines path{fill:none;stroke:#39352d;stroke-width:2}.net-dots circle{fill:var(--violet);stroke:#24221d;stroke-width:5}.region-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #3a362e}.region-grid article{min-height:187px;padding:23px 18px;border-right:1px solid #3a362e}.region-grid article:last-child{border:0}.region-grid h3{font-size:16px;margin:0 0 8px}.region-grid span,.region-grid small{display:block;font-family:ui-monospace,monospace;font-size:10px;color:#756e61}.region-grid i{display:block;height:6px;margin:18px 0 12px;background:#373329;border-radius:99px;position:relative}.region-grid i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--fill);background:var(--violet);border-radius:99px}.region-grid b{display:block;font-family:ui-monospace,monospace;font-size:14px;font-weight:400;color:#aaa398;margin-bottom:14px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid #3a362e;border-bottom:1px solid #3a362e}.principle-grid article{padding:35px 32px 42px;border-right:1px solid #3a362e}.principle-grid article:last-child{border:0}.principle-grid em{font-family:ui-monospace,monospace;color:var(--violet);font-style:normal;font-size:11px}.principle-grid h3{font-size:21px;margin:60px 0 12px}.principle-grid p{font-size:14px;line-height:1.7;color:#888277}.home-footer{width:min(1220px,calc(100% - 56px));margin:190px auto 0;border-top:1px solid #37342d;padding:40px 0 70px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;color:#827c70;font-family:ui-monospace,monospace;font-size:11px;line-height:1.7}.home-footer>div:last-child{display:flex;justify-content:flex-end;gap:35px}.home-footer a{color:var(--paper)}
@media(max-width:900px){.home-nav nav a:not(.home-login){display:none}.home-hero{padding-top:85px}.live-strip{grid-template-columns:repeat(2,1fr)}.live-strip>div:nth-child(2){border-right:0}.live-strip>small{display:none}.architecture-board{padding:70px 25px;height:auto}.flow-row{grid-template-columns:1fr;gap:10px;height:auto}.flow-row article,.flow-row article.core,.flow-row article.vertical{height:auto;min-height:110px;writing-mode:horizontal-tb}.edge-caption,.flow-lines{display:none}.legend{position:static;margin-top:25px}.region-grid{grid-template-columns:1fr 1fr}.region-grid article{border-bottom:1px solid #3a362e}.principle-grid{grid-template-columns:1fr}.principle-grid article{border-right:0;border-bottom:1px solid #3a362e}.home-footer{grid-template-columns:1fr;gap:30px}.home-footer>div:last-child{justify-content:flex-start}}
@media(max-width:600px){.home-nav,.home-hero,.live-strip,.technical-section,.home-footer{width:calc(100% - 28px)}.home-nav{height:70px}.home-nav nav{gap:0}.home-login{padding-left:14px;border:0}.home-hero{padding-top:65px}.home-hero h1{font-size:53px;line-height:.91}.home-hero>p{font-size:16px}.hero-console a{gap:15px;padding-left:15px}.live-strip>div{padding:18px}.technical-section{margin:110px auto}.section-copy h2{font-size:39px}.architecture-board{margin-top:35px}.region-grid{grid-template-columns:1fr}.presence-graph{height:90px}.principle-grid article{padding:28px 15px}.principle-grid h3{margin-top:35px}.home-footer{margin-top:110px}}

/* Login — technical editorial direction */
.terminal-login{--paper:#edeae3;--dim:#8e887e;--violet:#9582ff;min-height:100vh;color:var(--paper);background-color:#151410;background-image:linear-gradient(rgba(230,221,199,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(230,221,199,.035) 1px,transparent 1px);background-size:64px 64px;display:flex;flex-direction:column}.login-nav{height:88px;width:min(1220px,calc(100% - 56px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(225,218,199,.11);font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.11em;color:#7f796d}.login-nav>a:last-child{color:#a29c91}.login-stage{width:min(1220px,calc(100% - 56px));margin:auto;padding:75px 0 90px;display:grid;grid-template-columns:1fr 500px;gap:9vw;align-items:center;flex:1}.login-context{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.login-index{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.18em;color:#7d7568}.login-context h1{font-size:clamp(64px,7vw,100px);line-height:.87;letter-spacing:-.065em;margin:30px 0 35px}.login-context>p{color:#969087;font-size:17px;line-height:1.7;max-width:530px}.login-status{margin-top:auto;padding-top:35px;border-top:1px solid #38352e;display:flex;justify-content:space-between;color:#777166;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.09em}.login-status span:first-child{display:flex;align-items:center;gap:9px}.login-status i{width:6px;height:6px;background:#7eddad;border-radius:50%;box-shadow:0 0 0 5px rgba(126,221,173,.07)}.terminal-form{background:#1c1a16;border:1px solid #3d392f;border-radius:2px;padding:38px 40px 28px;box-shadow:0 35px 100px rgba(0,0,0,.25)}.form-heading{display:flex;justify-content:space-between;color:#8e8678;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.13em;padding-bottom:25px;border-bottom:1px solid #39362e}.form-heading small{font-size:9px;color:#686257}.terminal-form h2{font-size:34px;letter-spacing:-.04em;margin:35px 0 9px}.terminal-form>p{color:#8e887e;font-size:14px;margin:0 0 32px}.terminal-field{margin-bottom:23px}.terminal-field label{display:flex;align-items:center;gap:10px;font-family:ui-monospace,monospace;font-size:10px;color:#90897d;letter-spacing:.08em;margin-bottom:10px}.terminal-field label>span{color:var(--violet)}.terminal-field label a{margin-left:auto;color:#756dff;font-size:9px}.terminal-field input{width:100%;height:54px;border:1px solid #413d33;background:#161511;color:#eeeae2;padding:0 16px;outline:none;border-radius:0;font-family:ui-monospace,monospace}.terminal-field input::placeholder{color:#565147}.terminal-field input:focus{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet)}.terminal-error{min-height:0;overflow:hidden;padding:0 12px;border:1px solid transparent;color:#ff9f72;background:transparent;font-family:ui-monospace,monospace;font-size:11px;line-height:1.5;transition:.2s}.terminal-error.visible{min-height:42px;padding:11px 12px;margin-bottom:16px;border-color:rgba(255,130,85,.25);background:rgba(255,110,70,.055)}.terminal-submit{width:100%;height:58px;border:1px solid var(--violet);background:var(--violet);color:#11100e;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-family:ui-monospace,monospace;font-weight:750;font-size:11px;letter-spacing:.08em;cursor:pointer}.terminal-submit:hover{background:#a899ff}.terminal-submit:disabled{cursor:wait;opacity:.68}.terminal-submit b{font-size:18px}.form-foot{display:flex;justify-content:space-between;color:#5f5a51;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.08em;margin-top:22px}.login-footer{width:min(1220px,calc(100% - 56px));margin:auto;padding:24px 0;border-top:1px solid #353229;display:flex;justify-content:space-between;color:#656057;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.09em}
@media(max-width:900px){.login-nav>span{display:none}.login-stage{grid-template-columns:1fr;gap:55px}.login-context h1{font-size:68px}.login-status{margin-top:45px}.terminal-form{width:min(500px,100%);justify-self:center}}
@media(max-width:600px){.login-nav,.login-stage,.login-footer{width:calc(100% - 28px)}.login-nav{height:70px}.login-nav .home-logo{font-size:11px}.login-context h1{font-size:53px}.login-stage{padding:50px 0}.terminal-form{padding:26px 20px}.login-footer{display:grid;gap:10px}.login-status{display:grid;gap:12px}}

.home-footer p a{color:#aaa397;border-bottom:1px solid #4a463e}.home-footer p a:hover{color:#edeae3}.login-footer a{color:#9b9488}.login-footer a:hover{color:#eeeae2}.recovery-card a{color:#a99cff;border-bottom:1px solid rgba(169,156,255,.4)}

/* Node telemetry — dark technical direction */
.node-page{--node-paper:#edeae3;--node-dim:#8c867c;--node-line:#39362e;--node-panel:#1c1a16;--node-violet:#9582ff;min-height:100vh;background-color:#151410;background-image:linear-gradient(rgba(230,221,199,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(230,221,199,.032) 1px,transparent 1px);background-size:64px 64px;color:var(--node-paper)}.node-header{height:82px;background:rgba(21,20,16,.88);border-bottom:1px solid var(--node-line);backdrop-filter:blur(14px)}.node-header .inner{width:min(1120px,calc(100% - 40px))}.node-header .brand{font-family:ui-monospace,monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.node-header .brand-mark{border-color:var(--node-violet);background:transparent;border-radius:2px;box-shadow:none}.node-header .brand-mark::after{border-color:var(--node-violet);border-radius:1px}.node-header-right{font-family:ui-monospace,monospace;color:#787267;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.node-content{width:min(1120px,calc(100% - 40px));padding:68px 0 75px}.node-intro{border-bottom:1px solid var(--node-line);padding-bottom:30px;margin-bottom:30px}.node-intro h1{color:var(--node-paper);font-size:clamp(38px,5vw,58px);letter-spacing:-.055em}.node-intro p{color:var(--node-dim);font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.035em}.big-status{border:1px solid rgba(92,210,158,.26);background:rgba(66,212,154,.06);color:#74d6ab;border-radius:2px;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.node-main-card,.node-side-card{background:var(--node-panel);border-color:var(--node-line);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.16)}.node-main-card,.node-side-card{padding:27px}.node-page .panel-title{border-bottom:1px solid var(--node-line);padding-bottom:18px}.node-page .panel-title h3{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.node-page .panel-title span{font-family:ui-monospace,monospace;color:#6f695f;font-size:9px;text-transform:uppercase}.node-details{background:var(--node-line);border-color:var(--node-line);border-radius:2px}.detail{background:#1a1814;padding:22px}.detail span{color:#777065;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.07em;text-transform:uppercase}.detail b{color:var(--node-paper);font-family:ui-monospace,monospace;font-size:13px;font-weight:500}.metric-bars{margin-top:30px}.metric-label{font-family:ui-monospace,monospace;font-size:10px}.metric-label span{color:#817b70}.bar{background:#343128;height:5px}.bar i{background:var(--node-violet)}.health-ring{background:conic-gradient(var(--node-violet) var(--health),#353229 0)}.health-ring::after{background:var(--node-panel)}.health-ring b{color:var(--node-paper);font-family:ui-monospace,monospace}.health-ring span{color:#756f65;font-family:ui-monospace,monospace}.event::before{background:var(--node-violet)}.event b{color:#d9d5cd;font-family:ui-monospace,monospace;font-size:11px;font-weight:500}.event p,.event time{color:#746e64;font-family:ui-monospace,monospace}.node-footer{color:#615c53;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.node-page .error-card{background:var(--node-panel);border:1px solid var(--node-line);color:var(--node-paper)}.node-page .error-card h1{color:var(--node-paper)}.node-page .error-card p{color:var(--node-dim)}.node-page .code{background:#2b2822;color:#b1a99d}
@media(max-width:600px){.node-content{padding-top:38px}.node-intro h1{font-size:38px}.node-main-card,.node-side-card{padding:18px}.detail{padding:18px}.node-header{height:70px}}

/* Global language and theme controls */
.site-controls{position:fixed;right:18px;bottom:18px;z-index:1000;height:40px;display:flex;align-items:stretch;border:1px solid rgba(149,130,255,.42);background:rgba(21,20,16,.9);box-shadow:0 12px 35px rgba(0,0,0,.22);backdrop-filter:blur(14px);font-family:ui-monospace,monospace}.site-controls label{display:flex;align-items:center;border-right:1px solid rgba(149,130,255,.3)}.site-controls label>span{font-size:8px;letter-spacing:.1em;color:#756e63;padding-left:10px}.site-controls select,.site-controls button{height:38px;border:0;background:transparent;color:#eeeae2;outline:none;cursor:pointer}.site-controls select{padding:0 8px;font-size:10px}.site-controls select option{background:#1c1a16;color:#eeeae2}.site-controls button{width:40px;font-size:17px}.site-controls button:hover{color:#a99cff}

/* Light theme */
html[data-theme="light"]{color-scheme:light}html[data-theme="light"] body{background:#ece9e2;color:#1a1814}html[data-theme="light"] .home,html[data-theme="light"] .terminal-login,html[data-theme="light"] .node-page{--paper:#191713;--dim:#625d54;--node-paper:#191713;--node-dim:#625d54;--node-line:#cbc5b9;--node-panel:#f7f4ed;background-color:#ece9e2;background-image:linear-gradient(rgba(45,40,32,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(45,40,32,.055) 1px,transparent 1px);color:#191713}html[data-theme="light"] .home-nav,html[data-theme="light"] .login-nav,html[data-theme="light"] .node-header,html[data-theme="light"] .node-intro,html[data-theme="light"] .home-footer,html[data-theme="light"] .login-footer{border-color:#c9c3b7}html[data-theme="light"] .home-hero h1 span{color:transparent;-webkit-text-stroke-color:#80796e}html[data-theme="light"] .live-strip,html[data-theme="light"] .architecture-board,html[data-theme="light"] .presence-board,html[data-theme="light"] .terminal-form,html[data-theme="light"] .node-main-card,html[data-theme="light"] .node-side-card{background:#f7f4ed;border-color:#c9c3b7;box-shadow:0 28px 70px rgba(47,40,28,.08)}html[data-theme="light"] .live-strip>div,html[data-theme="light"] .region-grid,html[data-theme="light"] .region-grid article,html[data-theme="light"] .principle-grid,html[data-theme="light"] .principle-grid article,html[data-theme="light"] .form-heading{border-color:#cec8bc}html[data-theme="light"] .flow-row article{background:#efebe3;border-color:#bdb5a8}html[data-theme="light"] .flow-row article.core{background:#e5def5;border-color:#715cf0}html[data-theme="light"] .detail{background:#f7f4ed}html[data-theme="light"] .node-header{background:rgba(236,233,226,.9);color:#191713}html[data-theme="light"] .terminal-field input{background:#eeebe4;border-color:#bdb6aa;color:#191713}html[data-theme="light"] .health-ring::after{background:#f7f4ed}html[data-theme="light"] .event b,html[data-theme="light"] .detail b,html[data-theme="light"] .node-intro h1{color:#191713}html[data-theme="light"] .incident-page{background:radial-gradient(circle at 5% 5%,rgba(149,130,255,.12),transparent 35%),#ece9e2;color:#191713}html[data-theme="light"] .incident-card,html[data-theme="light"] .recovery-card{background:#f7f4ed;border-color:#c9c3b7}html[data-theme="light"] .incident-card hr{border-color:#d0cabf}html[data-theme="light"] .incident-lead,html[data-theme="light"] .countdown-card p,html[data-theme="light"] .recovery-card p{color:#625d54}html[data-theme="light"] .site-controls{background:rgba(247,244,237,.92);border-color:#8f7cf0}html[data-theme="light"] .site-controls select,html[data-theme="light"] .site-controls button{color:#191713}html[data-theme="light"] .site-controls select option{background:#f7f4ed;color:#191713}
@media(max-width:600px){.site-controls{right:10px;bottom:10px}}