:root{--primary-color: #9B6B9E;--primary-dark: #553357;--background-color: #FFFFFF;--text-color: #333333;--border-color: #E0E0E0;--shadow-color: rgba(0, 0, 0, .5);--backdrop-color: rgba(0, 0, 0, .5)}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:var(--background-color);color:var(--text-color)}nav{background-color:var(--background-color);padding:.5rem;box-shadow:0 2px 4px var(--shadow-color);display:flex;justify-content:space-between;align-items:center}.nav-content{display:flex;align-items:center;gap:1rem}.logo img{height:40px}button,a{-webkit-tap-highlight-color:transparent}.nav-button{background-color:var(--background-color);color:var(--primary-color);border:2px solid var(--primary-color);padding:.6rem 1rem;border-radius:15px;font-size:1.2rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.nav-button:hover{background-color:var(--primary-color);color:var(--background-color)}.drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--backdrop-color);z-index:100}.side-drawer{position:fixed;top:0;right:0;width:280px;height:100%;background-color:var(--background-color);box-shadow:-2px 0 4px var(--shadow-color);z-index:101;padding:1rem}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.drawer-content{display:flex;flex-direction:column;gap:1rem}.drawer-button{background-color:var(--background-color);color:var(--primary-color);border:2px solid var(--primary-color);padding:1rem;border-radius:15px;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;width:100%;transition:all .3s ease}.drawer-button:hover{background-color:var(--primary-color);color:var(--background-color)}footer{background-color:var(--background-color);padding:1rem;border-top:1px solid var(--border-color);margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-links{display:flex;gap:1rem}.footer-links a{color:var(--primary-color);text-decoration:none;position:relative}.footer-links a:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:var(--primary-color);transform:scaleX(0);transition:transform .3s ease}.footer-links a:hover:after{transform:scaleX(1)}@media (max-width: 768px){.nav-content{gap:.5rem}.footer-content{flex-direction:column;text-align:center;gap:1rem}}