body{font-family:Arial,sans-serif;background:#f2f2f2;color:#333;margin:0;padding:0}.container{max-width:900px;margin:auto;padding:20px;background:#fff;box-shadow:0 0 10px gray;border-radius:8px}h1,h2{color:#2c3e50}ul{list-style:none;padding:0}ul li{margin:5px 0}.btn{display:inline-block;background:#007bff;color:#fff;padding:10px 15px;margin-bottom:20px;text-decoration:none;border-radius:5px}form input,form textarea{display:block;width:100%;margin-bottom:10px;padding:10px}form button{background:#28a745;color:#fff;padding:10px 15px;border:none;border-radius:5px}html{scroll-behavior:smooth}.footer{background:#56657e;color:#fff;text-align:center;padding:20px;font-size:14px}.footer .social-icons a{color:#f2f2f2;margin:0 10px;font-size:18px;text-decoration:none;transition:.3s}.footer .social-icons a:hover{color:#fff}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#56657e;color:#fff;position:sticky;top:0;z-index:999}.left{font-size:25px;font-weight:700}.right{display:flex;gap:20px}.right a{color:#fff;text-decoration:none;position:relative;padding-bottom:4px;transition:color .3s ease}.right a:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#00d1b2,#2ecc71);transform:scaleX(0);transform-origin:right;transition:transform .4s ease}.right a:hover{color:#00d1b2}.right a:hover:after{transform:scaleX(1);transform-origin:left}.hamburger{display:none;font-size:26px;color:#fff;cursor:pointer}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start}.hamburger{display:block}.right{display:none;flex-direction:column;width:100%;background-color:#56657e;margin-top:10px;padding:10px 20px}.right.active{display:flex}.right a{margin:10px 0}}