:root{color-scheme:dark;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101310;color:#e9eee8;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% -15%,#294236 0%,#17221c 39%,#101310 72%);}
main{width:min(100% - 40px,560px);margin:0 auto;flex:1;padding:clamp(72px,12vh,128px) 0 72px}
.avatar{height:80px;width:80px;display:grid;place-items:center;border-radius:25px;border:1px solid #67826b;background:linear-gradient(145deg,#304e3b,#1a2a22);box-shadow:0 14px 45px #0005;color:#dbf2d7;font-weight:800;font-size:38px;letter-spacing:-4px;transform:rotate(-5deg)}
.eyebrow{font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.18em;color:#b4cdb9;margin:32px 0 12px}
h1{font-size:clamp(44px,9vw,68px);line-height:1.05;letter-spacing:-.065em;margin:0;font-weight:750}
h1 span{color:#b9d7ae}.intro{max-width:470px;color:#bccabf;font-size:17px;line-height:1.65;margin:18px 0 48px}
.section-heading{display:flex;align-items:center;gap:14px;margin-bottom:16px;font-size:13px;letter-spacing:.16em;color:#b0bfb4;text-transform:uppercase;font-weight:700}.section-heading:after{content:"";height:1px;background:#7f9885;flex:1}
.link-group{margin-bottom:34px}.links{display:grid;gap:12px}.link{display:flex;align-items:center;justify-content:space-between;gap:24px;text-decoration:none;color:inherit;border:1px solid #425447;background:#202a23c9;border-radius:17px;padding:19px 21px;transition:background .18s ease,transform .18s ease,border-color .18s ease;animation:rise .45s both;animation-delay:calc(var(--i)*70ms)}
.link:hover,.link:focus-visible{background:#2e4034;border-color:#9ac49b;transform:translateY(-2px)}.link:focus-visible{outline:2px solid #b9d7ae;outline-offset:3px}
.link-main{display:flex;flex-direction:column;gap:5px}.link-title{font-size:17px;font-weight:650;letter-spacing:-.02em}.link-detail{color:#bccabf;font-size:14px}.arrow{font-size:24px;color:#bbd6ba;line-height:1}
footer{width:min(100% - 40px,560px);margin:0 auto;padding:22px 0 30px;display:flex;justify-content:space-between;border-top:1px solid #314137;color:#b0bfb4;font-size:14px;gap:16px;flex-wrap:wrap}footer a{color:#c9e0c9;text-decoration:underline;text-underline-offset:4px}footer a:hover{text-decoration-thickness:2px}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

h2.section-heading{margin:0 0 16px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.link-title{text-decoration:none}.skip{position:absolute;left:8px;top:-60px;background:#e9eee8;color:#101310;padding:8px 14px;border-radius:8px;z-index:9}.skip:focus{top:8px}.arrow{font-size:26px}

@media(min-width:1000px){
main,footer{width:min(100% - 80px,1040px)}
nav[aria-label="My links"]{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:start}
.intro{max-width:560px}
}