*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui;color:#172033;background:#f7f8fc}a{color:inherit;text-decoration:none}.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 7%;background:#fff;border-bottom:1px solid #e5e8f0}.brand{font-weight:800;color:#5b4ce3}.links{display:flex;gap:24px}.hero{padding:110px 7%;background:linear-gradient(135deg,#eef0ff,#f8fbff);text-align:center}.hero h1{font-size:54px;max-width:820px;margin:0 auto 22px}.hero p{font-size:20px;max-width:680px;margin:auto;color:#5c6578}.btn{display:inline-block;margin-top:32px;background:#5b4ce3;color:#fff;padding:14px 24px;border-radius:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:72px 7%}.card{background:#fff;padding:28px;border:1px solid #e5e8f0;border-radius:18px;box-shadow:0 10px 30px #2221}.page{max-width:820px;margin:70px auto;padding:0 24px;line-height:1.7}.page h1{font-size:42px}.page h2{margin-top:34px}footer{padding:32px 7%;border-top:1px solid #e5e8f0;display:flex;justify-content:space-between;color:#6a7283}@media(max-width:700px){.grid{grid-template-columns:1fr}.hero h1{font-size:38px}.links{gap:12px;font-size:14px}}