:root{--background-color:#f4f4f4;--text-color:#000;--main-color:#000;--box-shadow-color:rgba(0,0,0,.1);--hover-color:#007BFF}@media (prefers-color-scheme:dark){:root{--background-color:#333;--text-color:#fff;--main-color:#fff;--box-shadow-color:rgba(255,255,255,.1)}}body{font-family:Arial,sans-serif;margin:0;padding:2rem;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:background-color .3s ease,color .3s ease}.header-container,.contact-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;box-shadow:0 4px 8px var(--box-shadow-color);border-radius:.5rem;background-color:var(--background-color);width:90%;max-width:800px;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease}.header-container{gap:2rem}.header-container:hover,.contact-container:hover{transform:translateY(-5px);box-shadow:0 8px 16px var(--box-shadow-color)}.logo{width:100%;height:auto;max-width:600px;margin-bottom:0}.logo path,.logo polygon,.logo rect{fill:var(--main-color);stroke:none;transition:fill .3s ease}.tagline{font-size:1.5rem;font-weight:bold;color:var(--text-color);margin:0;transition:color .3s ease}.social-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem}.social-icon,.qr-icon-link{display:block;transition:transform .3s ease}.social-icon:hover,.qr-icon-link:hover{transform:scale(1.2)}.social-icon svg,.qr-icon-link svg{fill:var(--main-color);transition:fill .3s ease}.social-icon svg{width:3rem;height:3rem}.qr-icon-link svg{width:4rem;height:4rem}.social-icon:hover svg,.qr-icon-link:hover svg{fill:var(--hover-color)}