:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#080e15;color:#dce8ef;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:#9be8df;text-underline-offset:4px}a:focus-visible{outline:2px solid #9be8df;outline-offset:5px}header{padding:24px max(20px,calc((100% - 1120px)/2));border-bottom:1px solid #ffffff20;display:flex;gap:20px;justify-content:space-between;align-items:center}header>a{font-weight:650;text-decoration:none;letter-spacing:2px;white-space:nowrap}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{font-size:14px;padding:10px 0}main{max-width:1120px;margin:auto;padding:42px 20px}h1{font-size:clamp(30px,5vw,48px);line-height:1.15;letter-spacing:-1px;font-weight:500}.intro{max-width:780px;color:#afc3d0;font-size:18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;margin:36px 0}article{border:1px solid #ffffff22;border-radius:12px;background:linear-gradient(130deg,#172d39,#10202c);padding:26px;display:flex;flex-direction:column}article h2{font-size:26px;margin:12px 0;font-weight:500}article h3{font-size:16px;color:#9ed5d2}article p{color:#b5c8d2}article>a{margin-top:auto;padding:14px 0;display:block}.meta{font-size:13px}.skills{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0}.skills li{border:1px solid #ffffff22;padding:4px 8px;border-radius:4px;font-size:13px}dl div{border-bottom:1px solid #ffffff15;padding:8px 0}dt{font-size:14px;color:#9fb8c8}dd{margin:0}section{max-width:800px}footer{padding:22px max(20px,calc((100% - 1080px)/2)) max(22px,env(safe-area-inset-bottom));border-top:1px solid #ffffff22;font-size:14px;background:#09141d}footer p{font-size:13px;color:#a9bbc8;margin-bottom:0}@media(max-width:600px){header{display:block;padding:18px 20px}nav{gap:18px;margin-top:12px}main{padding-top:24px}article{padding:22px}}