nav{background-color:#f0f0f0;border-bottom:1px solid #ddd;gap:1rem;padding:1rem;display:flex}nav a,nav button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:.5rem 1rem;font-weight:700;text-decoration:none;transition:background-color .3s}nav a:hover,nav button:hover{background-color:#ddd}.logo-hero{filter:drop-shadow(2px 4px 6px #0000004d);width:30%;max-width:90%;margin-bottom:30px}nav{background-color:#f0f0f0;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;height:64px;padding:.5rem 2rem;display:flex}nav a{color:#333;border-radius:5px;padding:.5rem 1rem;font-size:1.5rem;font-weight:700;text-decoration:none;transition:background-color .3s}nav a:hover{background-color:#ddd;font-size:1.8rem}.nav-container{background-color:#f0f0f0;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;height:64px;padding:.5rem 2rem;display:flex}.nav-links{gap:1rem;display:flex}@media (width<=768px){nav{flex-direction:column;align-items:center}nav a,nav button{text-align:center;width:100%;padding:.75rem 0}}.app-footer{text-align:center;color:#666;background-color:#f9f9f9;border-top:1px solid #ddd;margin-top:auto;padding:2rem 1rem;font-size:.85rem}.app-footer p{margin:0;line-height:1.5}.logo-hero{filter:drop-shadow(1px 2px 3px #0003);width:160px;margin-bottom:.5rem}.nav-container{justify-content:space-between;display:flex}@media (width<=768px){.bot-icon{justify-content:center;align-items:center;margin-bottom:60px;display:flex}.bot-icon img{width:100px;max-width:30vw;height:auto;margin-top:-20px}}
