*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%;overflow-x:hidden;background-color:#121212}.landing-page{display:flex;flex-direction:column;width:100%}.header{justify-content:space-between;padding:1rem;background-color:#1f1f1f;box-shadow:0 2px 4px rgba(0,0,0,.5);width:100vw;position:sticky;top:0;z-index:1000}.header,.logo-container{display:flex;align-items:center}.logo-container{flex-direction:column}.logo{font-size:1.8rem;font-weight:700;color:#ffffff}.tagline{font-size:.9rem;color:#b0b0b0;font-style:italic;text-align:center}.nav,.nav a{display:flex}.nav a{margin-left:1rem;text-decoration:none;color:#ffffff;align-items:center;font-size:.9rem;transition:color .3s}.nav a:hover{color:#ffcc00}.user-menu{display:flex;align-items:center}.login-btn,.logout-btn{padding:.4rem 1rem;background-color:#ff5722;color:white;border:none;border-radius:20px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.login-btn:hover,.logout-btn:hover{background-color:#e64a19}.main-content{flex:1;display:flex;flex-direction:column;width:100%;padding:1rem;color:#e0e0e0}.search-container{display:flex;justify-content:center;gap:1rem;max-width:100%;margin:2rem auto;flex-wrap:wrap}.search-box{display:flex;align-items:center;background-color:#1f1f1f;border-radius:20px;padding:.5rem 1rem;flex:1 1 200px;min-width:200px;box-shadow:0 2px 4px rgba(0,0,0,.5)}.search-icon{margin-right:.5rem;color:#ff5722}.search-box input{border:none;outline:none;font-size:1rem;width:100%;color:#ffffff;background-color:transparent}.search-btn{padding:.5rem 1rem;background-color:#4ECDC4;color:white;border:none;border-radius:20px;cursor:pointer;font-size:1rem;flex:0 0 auto;transition:background-color .3s}.search-btn:hover{background-color:#45B7D1}.categories-section{padding:4rem 2%;background-color:#1f1f1f;width:100%}.section-title{font-size:2.5rem;margin-bottom:2rem;text-align:center;color:#ffffff}.categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.category-chip{font-size:1rem;padding:10px 15px;background-color:#333333;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.5);transition:background-color .3s,transform .3s;color:#ffffff}.category-chip:hover{background-color:#444444;transform:translateY(-5px)}.category-card{background-color:#333333;border-radius:15px;padding:1.5rem;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.5);width:calc(25% - 2rem);min-width:200px;transition:transform .3s ease,box-shadow .3s ease;color:#ffffff}.category-card:hover{transform:translateY(-10px);box-shadow:0 8px 12px rgba(0,0,0,.7)}.category-icon{font-size:2rem;margin-bottom:1rem;color:#ff5722}.category-card h3{color:#ffffff;margin-top:1rem}.footer{background-color:#1f1f1f;color:#f8f9fa;padding:2rem 2%;width:100%}.footer-content{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto}.footer-logo{display:flex;align-items:center}.footer-links,.footer-social{display:flex;flex-direction:column}.footer-links a,.footer-social a{color:#f8f9fa;text-decoration:none;margin-bottom:.5rem;font-size:.9rem;transition:color .3s}.footer-links a:hover,.footer-social a:hover{color:#ffcc00}.social-icons{display:flex;gap:1rem}@media (max-width:768px){.header{flex-wrap:wrap}.logo-container{margin-bottom:.5rem}.nav{order:3;width:100%;justify-content:space-between;margin-top:.5rem}.nav a{margin-left:0}.search-container{flex-direction:column;align-items:stretch}.search-box,.search-btn{width:100%;margin-bottom:1rem}.category-card{width:calc(50% - 2rem)}.footer-content{flex-direction:column;gap:2rem}}.landing-page{background-color:#121212;min-height:100vh}.load-more-btn,.login-btn,.logout-btn,.search-btn{background-color:#4ECDC4;color:white;border:none;border-radius:20px;padding:10px 20px;transition:background-color .3s}.load-more-btn:hover,.login-btn:hover,.logout-btn:hover,.search-btn:hover{background-color:#45B7D1}.service-providers-section .MuiCard-root{box-shadow:0 4px 20px rgba(0,0,0,.5);border-radius:15px}.footer-content{padding:20px}.profile-dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;right:0;background-color:white;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;min-width:150px}.dropdown-menu button{display:block;width:100%;padding:8px 16px;text-align:left;background:none;border:none;cursor:pointer;color:black}.dropdown-menu button:hover{background-color:#f1f1f1}