:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0c0f12;color:#f0ede6}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#111519;border-right:1px solid #2a2d2f;padding:28px 16px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 12px 34px}.brand strong{display:block;font-size:27px;letter-spacing:4px}.brand span{font-size:10px;letter-spacing:2px;color:#bda46e}.seal{height:48px;width:48px;border:1px solid #bda46e;border-radius:50%;display:grid;place-items:center;color:#d5b87b}.eyebrow,.nav-caption{font-size:10px;letter-spacing:2px;color:#8c9093;font-weight:700}.nav-caption{padding:0 13px 12px}.sidebar nav{display:grid;grid-gap:5px;gap:5px}.sidebar nav button{border:0;background:transparent;color:#9fa4a5;padding:13px;display:flex;align-items:center;gap:12px;text-align:left;border-radius:7px;font-size:13px}.sidebar nav button span{flex:1 1}.sidebar nav button.active,.sidebar nav button:hover{background:#29261e;color:#e9d1a0}.sidebar nav button.active{border-left:3px solid #c4a15d}.side-bottom{margin-top:auto;padding:16px 12px;color:#8d9192;font-size:11px;line-height:2}.main{flex:1 1;padding:42px clamp(24px,5vw,76px);max-width:1500px}header{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:35px}h1{font-size:34px;margin:10px 0 6px}h2{font-size:25px}h3{font-size:17px}.muted{color:#a4a8a8;font-size:14px;line-height:1.6}.status,.tag{font-size:10px;color:#d8bd85;border:1px solid #6d5a34;border-radius:5px;padding:8px 10px;white-space:nowrap}.hero{border:1px solid #5c4a2b;border-radius:13px;background:linear-gradient(120deg,#262319,#14191c 75%);padding:42px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero h2{font-size:clamp(26px,3.3vw,42px);line-height:1.15;margin:14px 0}.hero p{color:#bbb7ad;max-width:480px;line-height:1.7;font-size:14px}.gold{color:#d3b676}.hero-mark{color:#69552d}.gold-btn{background:#c5a468;border:0;color:#191714;font-weight:700;border-radius:5px;padding:12px 17px;display:flex;align-items:center;gap:9px;margin-top:22px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:17px;gap:17px;margin-top:24px}.card,.phase,.placeholder{background:#161b1e;border:1px solid #303537;border-radius:10px;padding:25px}.card svg{color:#c3a469}.card strong{display:block;margin-top:19px}.card p{font-size:13px;line-height:1.6;color:#9da4a5}.card button{background:none;color:#d4b77c;border:0;padding:5px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:12px 0 16px}.phase{margin:20px 0;padding:0;overflow:hidden}.phase-head{display:flex;gap:16px;align-items:center;padding:20px;border-bottom:1px solid #303537}.phase-head h3{flex:1 1;margin:0}.number{color:#c5a468;font-size:23px;font-weight:700}.skill{display:flex;align-items:center;gap:12px;padding:13px 22px;border-bottom:1px solid #252a2c;font-size:13px}.skill:last-child{border:0}.skill svg{color:#6c7477}.skill span{margin-left:auto;color:#8d9496;font-size:11px}.notice{margin-top:22px;padding:20px;border:1px solid #66532e;border-radius:8px;color:#d4c4a2;font-size:13px;line-height:1.6}.placeholder{text-align:center;margin-top:24px;padding:80px 30px;color:#aab0b0}.placeholder svg{color:#c3a469}.placeholder p{max-width:500px;margin:auto;line-height:1.7}footer{font-size:10px;color:#6e7679;letter-spacing:1px;margin-top:50px}@media(max-width:850px){.sidebar{width:75px;padding:20px 8px}.brand{padding:0 5px 28px}.brand>div:last-child,.nav-caption,.side-bottom,.sidebar nav button span,.sidebar nav button>svg:last-child{display:none}.sidebar nav button{justify-content:center}.main{padding:25px}.cards{grid-template-columns:1fr}.hero-mark{display:none}header{flex-wrap:wrap}}@media(max-width:450px){.sidebar{width:58px}.main{padding:17px}.hero{padding:25px}.phase-head{flex-wrap:wrap}.skill{align-items:start}.skill span{white-space:nowrap}}