body{font-family:Arial,sans-serif;background-color:#fff;color:#ddd;margin:0;padding:0;text-align:center;min-width:320px}a{color:#ddd;text-decoration:none;transition:color .3s}a:hover{color:#fff}button{background-color:#000;color:#fff;border:2px solid #fff;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s,color .3s}button:hover{background-color:#fff;color:#000}h1,h2,h3{color:#fff}.header{background:#333;color:#fff;padding:1rem;width:100%;box-sizing:border-box}.container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}.logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:#fff}.nav{display:flex;gap:1rem}.nav-link{color:#fff;text-decoration:none}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.element{font-size:clamp(14px,1.25vw,24px)}.redirect{background:none!important;border:none;padding:0!important;font-family:arial,sans-serif;color:#069;text-decoration:underline;cursor:pointer}.footer{background:#333;color:#fff;text-align:center;padding:1rem 0;margin-top:auto;width:100%;box-sizing:border-box}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.footer-nav{margin-top:10px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.footer-nav a{color:#ddd;text-decoration:none;transition:color .3s ease-in-out}.footer-nav a:hover{color:red}@media (max-width: 768px){.nav{display:none;flex-direction:column;position:absolute;top:60px;right:20px;background:#444;padding:1rem;border-radius:5px;z-index:1000}.nav.open{display:flex}.menu-toggle{display:block}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.2rem}}@media (max-width: 480px){button{padding:8px 16px;font-size:14px}.footer-nav{gap:10px}}