:root{color:#16221e;background:#f6f6f1;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:242px 1fr}aside{background:#152b24;color:#e9f0e8;padding:30px 18px;display:flex;flex-direction:column}.brand{font-size:26px;font-weight:700;letter-spacing:-1px}.brand span{color:#c4e453}.eyebrow,.workspace{font-size:11px;letter-spacing:1.4px;color:#8ba398;margin-top:38px}nav{display:grid;grid-gap:5px;gap:5px;margin-top:14px}nav a{color:#c8d4ce;padding:10px 12px;border-radius:8px;text-decoration:none;font-size:14px}nav a.active,nav a:hover{background:#284538;color:#fff}footer{margin-top:auto;color:#8ba398;font-size:12px;line-height:1.6}.content{padding:45px 6vw}header{display:flex;justify-content:space-between;align-items:start}h1{margin:8px 0 30px;font-size:clamp(28px,4vw,48px);letter-spacing:-2px;max-width:650px}.eyebrow{color:#658274;margin:0}button{background:#152b24;color:#fff;border:0;border-radius:7px;padding:10px 14px}.notice{background:#e7efcd;color:#324325;padding:15px 18px;border-radius:10px;margin-bottom:30px;max-width:850px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;max-width:1000px}article{background:#fff;padding:24px;border:1px solid #e1e5dd;border-radius:12px;min-height:180px;box-shadow:0 3px 16px #13291a0a}article p{color:#668073;font-size:12px;text-transform:uppercase;letter-spacing:1px}article strong{display:block;font-size:20px;margin:17px 0 12px}article span{color:#607068;line-height:1.5;font-size:14px}@media(max-width:700px){.shell{grid-template-columns:1fr}aside{display:none}.cards{grid-template-columns:1fr}.content{padding:32px 24px}}