:root{--ink:#17251d;--paper:#f6f2e8;--lime:#c9f04b;--violet:#7356e8;--coral:#ff806b;--blue:#58bdec}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}main{min-height:100vh;padding:28px clamp(20px,5vw,72px)}header{justify-content:space-between}.brand,header{display:flex;align-items:center}.brand{gap:12px;color:inherit;text-decoration:none;font-size:19px}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--ink);color:var(--lime);font:700 25px Georgia}.eyebrow,.status{font-size:12px;font-weight:800;letter-spacing:.12em}.status{padding:9px 14px;border:1px solid #c8c4b8;border-radius:999px}.hero{max-width:820px;margin:11vh auto 7vh}.dashboard h1,.hero h1{font:700 clamp(42px,7vw,88px)/.95 Georgia;margin:18px 0}.hero em{color:#5b43c3}.intro{max-width:650px;font-size:clamp(18px,2vw,24px);line-height:1.5;color:#586158}.portalGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px;max-width:1050px;margin:auto}.portal{display:grid;grid-template-columns:auto 1fr auto;grid-gap:18px;gap:18px;align-items:center;padding:24px;background:#fff;border:1px solid #dad5c8;border-radius:20px;color:inherit;text-decoration:none;transition:.2s}.portal:focus-visible,.portal:hover{transform:translateY(-3px);box-shadow:0 14px 30px #23301b16;outline:3px solid var(--violet)}.portal h2,.portal p{margin:0}.portal p{margin-top:7px;color:#667067;line-height:1.4}.icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--lime);font-size:25px}.portal:nth-child(2) .icon{background:#d8ceff}.portal:nth-child(3) .icon{background:#ffd2ca}.portal:nth-child(4) .icon{background:#cceeff}.arrow{font-size:24px}footer{display:flex;justify-content:space-between;max-width:1050px;margin:40px auto 0;padding-top:20px;border-top:1px solid #d8d2c5;color:#697168;font-size:13px}.avatar{border:0;width:42px;height:42px;border-radius:50%;background:var(--ink);color:white}.dashboard{max-width:1100px;margin:10vh auto}.shell.lime{--accent:var(--lime)}.shell.violet{--accent:#d8ceff}.shell.coral{--accent:#ffd2ca}.shell.blue{--accent:#cceeff}.dashboard h1{font-size:clamp(40px,6vw,72px)}.dashGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:50px}.dashGrid article{background:white;border-radius:22px;padding:24px;min-height:230px;border-top:8px solid var(--accent)}.number{font:700 13px monospace;color:#7a8079}.dashGrid h2{font:700 25px/1.1 Georgia;margin:45px 0 8px}.dashGrid p{color:#687068}.dashGrid button{margin-top:20px;border:0;background:transparent;padding:0;font-weight:800;color:inherit}@media(max-width:720px){.dashGrid,.portalGrid{grid-template-columns:1fr}.hero{margin-top:8vh}.portal{padding:18px}footer{flex-direction:column;gap:8px}.dashGrid article{min-height:190px}}