*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#302b2d;background:#fff;line-height:1.7}a{color:inherit}header{border-bottom:1px solid #eee;padding:18px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:#fff}.logo{font-size:25px;font-weight:700}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{text-decoration:none;font-size:15px}nav a:hover{text-decoration:underline}.hero{padding:90px 7%;text-align:center;background:#f8eff3}.hero h1{font-size:48px;line-height:1.15;margin:0 0 18px}.hero p{max-width:700px;margin:0 auto 28px;font-size:18px}.btn{display:inline-block;background:#302b2d;color:#fff;padding:13px 24px;border-radius:5px;text-decoration:none}.wrap{max-width:1050px;margin:auto}.section{padding:62px 7%}.center{text-align:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin-top:30px}.card{border:1px solid #e8e2e4;border-radius:10px;padding:26px;background:#fff}.card h3{margin-top:0}.article{padding:25px 0;border-bottom:1px solid #eee}.article h2{margin-bottom:8px}footer{background:#f5f3f4;padding:35px 7%;text-align:center;margin-top:20px}footer a{margin:0 8px}.notice{background:#faf7f8;border-left:4px solid #302b2d;padding:15px 18px;margin:25px 0}@media(max-width:650px){header{justify-content:center;text-align:center}.hero h1{font-size:36px}.section{padding:45px 6%}}