:root{font-family:Inter,system-ui,Arial,sans-serif;color:#18243b;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.container{max-width:1060px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;padding:10px 0 30px}.brand{font-weight:800;font-size:20px}a{color:#3457cb;text-decoration:none}nav a{margin-left:14px}.hero{max-width:700px;padding:65px 0}.hero h1{font-size:clamp(32px,5vw,55px);line-height:1.12}.muted{color:#67748c}.pill{display:inline-block;background:#e6edff;color:#3457cb;border-radius:30px;padding:7px 13px}.button,button{display:inline-block;background:#3457cb;color:white;border:0;border-radius:10px;padding:13px 18px;font-weight:700;cursor:pointer}.button.secondary{background:#e8edf7;color:#233552}.panel{background:white;border:1px solid #e2e7f1;border-radius:16px;padding:26px;margin:12px 0;box-shadow:0 6px 18px #12233a08}form{display:grid;gap:16px}label{display:grid;gap:7px;font-weight:600}input{width:100%;padding:12px;border:1px solid #cfd7e6;border-radius:9px;font:inherit}.panel:has(form){max-width:500px;margin:25px auto}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cards .panel{margin:0}.big{font-size:26px;font-weight:800;text-transform:capitalize}.error{color:#bd2438}@media(max-width:680px){.cards{grid-template-columns:1fr}.container{padding:16px}header{flex-wrap:wrap;gap:10px}}
