body,html{margin:0;padding:0;box-sizing:border-box;width:100%;height:100%;font-family:Poppins,sans-serif}.landing-header{padding:16px 32px;background-color:#112117;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);position:sticky}.logo a{font-size:24px;font-weight:700;color:#1dc962;text-decoration:none}.buttons-container{gap:12px;margin-right:35px}.user-initializer{width:40px;height:40px;background-color:#1dc962;color:#112117;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;text-transform:uppercase}.button-chat,.button-login,.button-signup,button{padding:8px 16px;border-radius:9999px;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.button-login{background-color:#d4f0e0;border:2px solid #1dc962}.button-login:hover{background-color:#b2e6c7;color:#112117}.button-signup{color:#fff;border:2px solid #1dc962}.button-signup:hover{background-color:#17b85a}.button-chat{background-color:#1dc962;color:#112117}.button-chat:hover{background-color:#17b85a}.button-logout{background-color:#ff4d4d;color:#fff;border:2px solid #ff4d4d}.button-logout:hover{background-color:#e03e3e}.landing-header{position:fixed;top:0;left:0;width:100%;justify-content:space-between;padding:1rem 2rem;backdrop-filter:blur(10px);background-color:rgba(17,33,23,.7);border-bottom:1px solid rgba(255,255,255,.1);z-index:100;height:50px}.landing-header,.logo{display:flex;align-items:center}.logo{gap:.5rem;color:#fff;font-weight:800}.logo,.logo h2{font-size:1.25rem}.logo h2{font-weight:700;letter-spacing:.5px;white-space:nowrap}.logo-icon{height:1.5rem;width:1.5rem;color:#1dc962}.buttons-container{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.button-chat,.button-login{background-color:rgba(29,201,98,.2);color:#1dc962}.button-chat{padding:15px}.button-chat:hover,.button-login:hover{background-color:rgba(29,201,98,.35)}.button-signup{background-color:#1dc962;color:#112117}.button-signup:hover{background-color:#16b958}.user-info{gap:12px}.user-avatar,.user-info{display:flex;align-items:center;color:white}.user-avatar{background-color:rgb(0,34,128);width:40px;height:40px;border-radius:50%;font-size:18px;font-weight:600;justify-content:center;text-transform:uppercase}.logout-btn{background-color:#ef4444;color:white;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;margin-left:12px}.logout-btn:hover{background-color:#dc2626;transform:translateY(-2px)}@media (max-width:639px){.landing-header{padding:.6rem 1rem;justify-content:space-between}.logo h2{font-size:1rem}.button-login,.button-signup{min-width:60px;height:2rem;font-size:.75rem;padding:0 .6rem}.buttons-container{gap:.4rem}}@media (min-width:640px) and (max-width:1024px){.landing-header{padding:.8rem 1.5rem}.logo h2{font-size:1.2rem}.button-login,.button-signup{min-width:90px;height:2.3rem;font-size:.85rem}}@media (min-width:1025px){.landing-header{padding:1.2rem 3rem}.logo h2{font-size:1.5rem}.button-login,.button-signup{min-width:120px;height:2.6rem;font-size:1rem}}