:root{--c0:#000000;--c1:#071918;--c2:#154c48;--c3:#237f79;--c4:#32b2a9;--bg: radial-gradient( 1200px 700px at 20% -10%, rgba(50,178,169,.16) 0%, rgba(50,178,169,.08) 35%, rgba(50,178,169,.02) 55%, transparent 75% ), radial-gradient( 900px 500px at 90% 10%, rgba(35,127,121,.18) 0%, rgba(35,127,121,.08) 30%, rgba(35,127,121,.02) 55%, transparent 75% ), linear-gradient( 180deg, #000000 0%, #040f0f 25%, #071918 50%, #040f0f 75%, #000000 100% );--card: rgba(7,25,24,.72);--card2: rgba(21,76,72,.16);--stroke: rgba(50,178,169,.22);--stroke2: rgba(255,255,255,.06);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.7);--muted2: rgba(255,255,255,.55);--shadow: 0 18px 60px rgba(0,0,0,.55);--shadow2: 0 10px 28px rgba(0,0,0,.35);--r1: 18px;--r2: 26px;--max: 1120px;--focus: 0 0 0 3px rgba(50,178,169,.35);--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:var(--font);background:var(--bg);background-attachment:fixed;color:var(--text)}a{color:inherit;text-decoration:none}button{font-family:inherit}.appShell{min-height:100vh;display:flex;flex-direction:column}.mainWrap{flex:1}.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}.pageHeader{padding:34px 0 10px}.h1{font-size:clamp(28px,3vw,44px);line-height:1.08;margin:0;letter-spacing:-.02em}.h2{font-size:clamp(20px,2.1vw,30px);margin:0;letter-spacing:-.015em}.p{margin:10px 0 0;color:var(--muted);line-height:1.65;max-width:78ch}.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}@media(max-width:900px){.grid2{grid-template-columns:1fr}}hr.sep{border:0;height:1px;background:#ffffff12;margin:22px 0}kbd.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--stroke2);background:#ffffff08;font-size:12px;color:var(--muted)}.section{padding:26px 0}.card{border-radius:var(--r2);background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(50,178,169,.18);box-shadow:var(--shadow2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:clamp(16px,2.2vw,22px)}.card.soft{background:linear-gradient(180deg,#071918b8,#00000059);border:1px solid rgba(255,255,255,.06)}.btnBase{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:999px;border:1px solid transparent;cursor:pointer;font-weight:800;letter-spacing:.01em;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.btnBase:focus{outline:none;box-shadow:var(--focus)}.btnBase:hover{transform:translateY(-1px)}.btnPrimary{background:linear-gradient(90deg,#32b2a9f2,#237f79f2);color:#001110;box-shadow:0 10px 24px #32b2a92e}.btnOutline{background:#ffffff08;border-color:#32b2a959;color:var(--text)}.btnGhost{background:transparent;border-color:#ffffff14;color:var(--muted)}.navWrap{position:sticky;top:0;z-index:50;background:#00000073;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navBar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}.brand{display:flex;gap:12px;align-items:center}.brandMark{width:38px;height:38px;border-radius:14px;background:radial-gradient(circle at 30% 20%,#32b2a9d9,#237f7959);border:1px solid rgba(50,178,169,.28);box-shadow:0 16px 40px #0006}.brandTitle{font-weight:900;letter-spacing:-.02em}.brandSub{font-size:12px;color:var(--muted2);margin-top:2px}.navLinks{display:flex;gap:14px;align-items:center}.navA{font-size:13px;color:var(--muted);padding:8px 10px;border-radius:999px;border:1px solid transparent}.navA:hover{color:var(--text);border-color:#ffffff14}.navA.active{color:var(--text);border-color:#32b2a959;background:#32b2a914}.navActions{display:flex;gap:10px;align-items:center}.menuBtn{display:none;height:42px;width:46px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text);cursor:pointer}.menuBtn:focus{outline:none;box-shadow:var(--focus)}.mobilePanel{padding:10px 0 16px;display:none;flex-direction:column;gap:10px}.mobileA{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;color:var(--muted)}.mobileA:hover{color:var(--text);border-color:#32b2a938}.w100{width:100%}@media(max-width:980px){.navLinks{display:none}.menuBtn{display:inline-flex;align-items:center;justify-content:center}.mobilePanel{display:flex}}.badgeRow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.list{margin:10px 0 0;padding-left:18px;color:var(--muted);line-height:1.75}.navDrop{position:relative;display:inline-flex;align-items:center}.dropBtn{background:transparent;border:0;cursor:pointer;display:inline-flex;gap:8px;align-items:center}.chev{opacity:.8;font-size:.9em}.dropMenu{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;z-index:50;border-radius:14px;padding:10px;background:#141419f5;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 60px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropItem{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:#ffffffeb;font-weight:600}.dropItem:hover{background:#ffffff12}.mobileGroupTitle{margin-top:10px;margin-bottom:6px;font-size:12px;opacity:.7;letter-spacing:.08em;text-transform:uppercase}.sectionDivider{height:1px;margin:22px 0;background:linear-gradient(90deg,transparent,rgba(50,178,169,.22),transparent);opacity:.6}