@font-face{font-family:KelasAva;src:url("fonts/kelasava-regular.ttf")}@font-face{font-family:KelasAva;src:url("fonts/kelasava-bold.ttf");font-weight:700}*{box-sizing:border-box}body{margin:0;background:#f7f6fc;color:#142031;font:16px/1.9 KelasAva,Tahoma,sans-serif}main{max-width:1000px;margin:auto;padding:48px 24px}header{display:flex;align-items:center;gap:16px;margin-bottom:64px}.mark{width:64px;height:64px}header b{font-size:24px}header small{display:block;color:#59667a;font-size:14px}h1{font-size:clamp(32px,5vw,54px);line-height:1.6;margin:0 0 16px}h1 span{color:#6841db}.lead{max-width:660px;color:#59667a;font-size:18px}nav{display:flex;gap:16px;flex-wrap:wrap;margin:32px 0 48px}a{color:#6740d6;text-decoration:none}nav a{padding:12px 24px;border:1px solid #d9d3ed;border-radius:12px;min-height:48px;background:white}nav a.primary{background:#6740d6;color:white;border-color:#6740d6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}article{background:white;border:1px solid #e5e1f0;border-radius:16px;padding:24px}article h2{font-size:20px;margin:0 0 12px}p{margin:0 0 16px}footer{margin-top:48px;color:#59667a;font-size:14px}a:focus-visible{outline:3px solid #b9a5ff;outline-offset:4px}@media(max-width:600px){main{padding:24px 20px}.grid{grid-template-columns:1fr}header{margin-bottom:40px}}