:root{--primary:#3ca1e4;--error:#e7195a}*{font-family:Verdana,sans-serif;margin:0}body{background:#f1f1f1}header{background:#fff;margin-bottom:20px}header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:24px 40px}header a{color:#333;text-decoration:none}.pages{margin:0 auto;max-width:1400px;padding:20px}.home{grid-gap:100px;display:grid;gap:100px;grid-template-columns:3fr 1fr}.contact-box{background:#f9f9f9;border-radius:10px;box-shadow:0 8px 15px #0000001a;margin:20px auto;padding:25px;position:relative;transition:transform .2s,box-shadow .3s}.contact-box:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.contact-box h4{color:#3ca1e4;color:var(--primary);font-size:1.5em;font-weight:700;margin:0 0 15px}.contact-box p{color:#666;font-size:1.1em;line-height:1.6;margin:0}input,label{display:block}input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;margin-bottom:20px;margin-top:10px;padding:10px;width:100%}form button{background:#3ca1e4;background:var(--primary);border:0;border-radius:4px;color:#fff;cursor:pointer;padding:10px;transition:.3s}div.error{background:#ffefef;border:1px solid #e7195a;border:1px solid var(--error);border-radius:4px;color:#e7195a;color:var(--error);margin:20px 0;padding:10px}.delete-button{background:#e7195a;background:var(--error);border:none;border-radius:10%;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:13px;padding:8px;position:absolute;right:20px;top:20px;transition:.3s}.delete-button:hover,form button:hover{transform:scale(1.1)}.delete-button:active,form button:active{box-shadow:0 2px 4px #0000001a;transform:scale(.95)}