:root{--red: #D10000;--jet: #333333;--seasalt: #F6F6F6;--platinum: #E8E8E8;--launch: #FFAA00;--ground: #25A244;--space: #002855;--user: #00B4D8;--max: 1120px;--radius: 14px;--shadow: 0 10px 30px rgba(0,0,0,.12)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Consolas,Courier New,monospace;background:var(--seasalt);color:var(--jet)}a{color:inherit}code{background:#fff;padding:2px 6px;border-radius:8px}.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}.appShell{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding:28px 0 40px}.header{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#b00000,#d10000);border-bottom:1px solid rgba(0,0,0,.25)}.header .navLink,.header .navLink:hover,.header .navLink.active{color:#fff}.header .navLink{background:transparent;border-color:transparent}.header .navLink:hover{background:#ffffff1f}.header .navLink.active{background:#ffffff2e;border-color:#ffffff40}.header .brandImg{filter:brightness(1.1)}.headerInner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.brand{display:inline-flex;align-items:center;text-decoration:none}.brandImg{height:44px;width:auto;border-radius:10px}.nav{display:flex;gap:10px;align-items:center}.navLink{text-decoration:none;padding:10px 12px;border-radius:10px;border:1px solid transparent}.navLink:hover{border-color:#0000001f;background:#fff}.navLink.active{border-color:#0000002e;background:#fff;box-shadow:0 6px 16px #00000014}.footer{background:var(--jet);color:var(--seasalt);padding:26px 0;margin-top:18px}.footerInner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.footerTitle{font-weight:700;letter-spacing:.4px}.footerSub{opacity:.85;margin-top:6px}.socialLink{text-decoration:none;border:1px solid rgba(255,255,255,.18);padding:10px 12px;border-radius:12px;margin-left:10px}.socialLink:hover{background:#ffffff14}.stack{display:grid;gap:18px}.title{margin:0;font-size:clamp(30px,4vw,44px);letter-spacing:.6px}.h2{margin:0 0 10px;font-size:20px}.lead{margin:10px 0 0;font-size:16px;line-height:1.6;opacity:.9}.pageHeader{padding:18px;border-radius:var(--radius);background:linear-gradient(135deg,#fff,var(--platinum));border:1px solid rgba(0,0,0,.08)}.card{background:#fff;border-radius:var(--radius);padding:18px;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 24px #0000000f}.callout{border-left:6px solid var(--red)}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;align-items:stretch}.heroContent{border-radius:var(--radius);padding:22px;background:linear-gradient(135deg,#fff,var(--platinum));border:1px solid rgba(0,0,0,.08)}.heroPanel{border-radius:var(--radius);padding:18px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow)}.panelTitle{font-weight:700;margin-bottom:10px}.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:10px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.14);background:#fff}.button:hover{box-shadow:0 10px 20px #0000001a}.button.primary{background:var(--red);color:#fff;border-color:#00000014}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.list{margin:10px 0 0;padding-left:18px;line-height:1.7}.note{margin-top:10px;opacity:.8}.link{color:var(--red);text-decoration:none;border-bottom:1px dashed rgba(209,0,0,.5)}.link:hover{border-bottom-style:solid}@media (max-width: 860px){.hero,.grid2,.grid3{grid-template-columns:1fr}.brandImg{height:40px}}