body{background-color:#eef1f2;font-family:Arial,sans-serif;margin:0;padding:0;min-height:100vh}.home-page{font-family:Segoe UI,sans-serif;color:#333}.hero{background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b) center/cover;height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero-content h1{font-size:3.5rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-content p{font-size:1.5rem;margin-bottom:30px}.cta-button{display:inline-block;background-color:#1e90ff;color:#fff;padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease}.cta-button:hover{background-color:#06c;transform:translateY(-3px);box-shadow:0 10px 20px #0000001a}.categories{padding:80px 20px;text-align:center;background-color:#f8f9fa}.categories h2{font-size:2.5rem;margin-bottom:50px;color:#2a2a2a}.category-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;max-width:1200px;margin:0 auto}.category-card{flex:1;min-width:300px;max-width:400px;height:300px;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.category-card:hover img{transform:scale(1.1)}.category-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:20px;color:#fff}.category-overlay h3{font-size:1.8rem;margin-bottom:10px}.category-link{color:#fff;text-decoration:none;font-weight:700;display:inline-block;margin-top:10px;border-bottom:2px solid #1E90FF;padding-bottom:5px}.featured-products{padding:80px 20px;text-align:center;background-color:#fff}.featured-products h2{font-size:2.5rem;margin-bottom:50px;color:#2a2a2a}.products-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;max-width:1200px;margin:0 auto}.product-card{flex:1;min-width:250px;max-width:300px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.product-card:hover{transform:translateY(-10px)}.product-card img{width:100%;height:250px;object-fit:cover}.product-info{padding:20px;text-align:left}.product-info h3{font-size:1.3rem;margin-bottom:5px}.product-info .category{color:#777;font-size:.9rem;margin-bottom:10px}.product-info .price{font-weight:700;font-size:1.2rem;color:#1e90ff;margin-bottom:15px}.view-button{display:inline-block;background-color:#1e90ff;color:#fff;padding:8px 15px;border-radius:5px;text-decoration:none;font-size:.9rem;transition:all .3s ease}.view-button:hover{background-color:#06c}.banner{background:linear-gradient(#0009,#0009),url(https://images.unsplash.com/photo-1517649763962-0c623066013b) center/cover;height:400px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin:40px 0}.banner-content h2{font-size:3rem;margin-bottom:20px}.banner-content p{font-size:1.5rem;margin-bottom:30px}.testimonials{padding:80px 20px;text-align:center;background-color:#f8f9fa}.testimonials h2{font-size:2.5rem;margin-bottom:50px;color:#2a2a2a}.testimonial-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;max-width:1000px;margin:0 auto}.testimonial-card{flex:1;min-width:300px;max-width:400px;background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000000d}.testimonial-card img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:3px solid #1E90FF}.testimonial-card p{font-style:italic;line-height:1.6;margin-bottom:20px}.testimonial-card h4{font-size:1.2rem;margin-bottom:5px}.testimonial-card .title{color:#777;font-size:.9rem}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.2rem}.categories h2,.featured-products h2,.testimonials h2{font-size:2rem}.banner-content h2{font-size:2.2rem}.banner-content p{font-size:1.2rem}}.about-container{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:Segoe UI,sans-serif;color:#333}.about-header{text-align:center;margin-bottom:50px}.about-header h1{font-size:3rem;color:#2a2a2a;margin-bottom:10px;font-weight:700}.tagline{font-size:1.5rem;color:#e74c3c;font-weight:300}.about-content{display:flex;flex-wrap:wrap;align-items:center;gap:40px;margin-bottom:60px}.about-image,.about-text{flex:1;min-width:300px}.main-image{width:100%;border-radius:8px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.main-image:hover{transform:scale(1.02)}.about-text h2{font-size:2rem;color:#2a2a2a;margin-bottom:20px}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:20px;color:#555}.mission-section{background-color:#f8f9fa;padding:25px;border-radius:8px;margin-top:30px}.mission-section h3{color:#e74c3c;margin-bottom:15px}.team-showcase{margin-top:80px;text-align:center}.team-showcase h2{font-size:2.2rem;margin-bottom:40px;color:#2a2a2a}.team-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.team-member{flex:1;min-width:250px;max-width:300px;background:#fff;padding:25px;border-radius:8px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.team-member:hover{transform:translateY(-10px)}.team-member img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:3px solid #e74c3c}.team-member h4{font-size:1.3rem;margin-bottom:5px;color:#2a2a2a}.team-member p{color:#777;font-size:1rem}@media (max-width: 768px){.about-content{flex-direction:column}.about-header h1{font-size:2.2rem}.tagline{font-size:1.2rem}}.navbar{background-color:#000000d9!important}.navbar-nav .nav-link{color:#fff!important;font-family:Delius Unicase,serif;font-size:18px;font-weight:700;transition:color .3s ease-in-out}.navbar-nav .nav-link:hover{color:#3509d3!important}.footer{background-color:#c4f1f5;color:#333;padding:40px 0 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-around;max-width:1200px;margin:0 auto;padding:0 20px}.footer-section{flex:1;min-width:250px;margin-bottom:30px;padding:0 15px}.footer-section h4{font-size:1.2rem;margin-bottom:15px;color:#2a2a2a}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#333;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#6e8efb}.footer-section p{margin:8px 0;line-height:1.6}.social-icons{display:flex;gap:15px}.social-icons a{color:#333;font-size:1.5rem;transition:color .3s}.social-icons a:hover{color:#6e8efb}.footer-bottom{text-align:center;padding:15px 0;border-top:1px solid rgba(0,0,0,.1);margin-top:20px}.footer-bottom p{margin:0;font-size:.9rem}@media (max-width: 768px){.footer-section{flex:100%;text-align:center}.social-icons{justify-content:center}}.login-page-container{display:flex;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-image-side{flex:2;background:linear-gradient(#0003,#0003),url(https://images.unsplash.com/photo-1556740738-b6a63e27c4df?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;color:#fff}.image-overlay{max-width:90%;text-align:center}.image-overlay h2{font-size:2.5rem;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.image-overlay p{font-size:1.2rem;opacity:.9}.login-form-side{flex:1;display:flex;align-items:center;justify-content:center;background-color:#cef2f4}.login-form-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;padding:40px;width:400px}.form-header{text-align:center;margin-bottom:30px}.form-header h3{color:#333;font-size:1.8rem;margin-bottom:.5rem}.form-header p{color:#666;font-size:.95rem}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#555;font-size:.95rem;font-weight:500}.form-group input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:#6e8efb;box-shadow:0 0 0 3px #6e8efb1a;outline:none}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:.9rem}.remember-me{display:flex;align-items:center}.remember-me input{margin-right:8px}.forgot-password{color:#6e8efb;text-decoration:none;transition:color .3s}.forgot-password:hover{color:#4d76d8}.login-button{background-color:#6e8efb;color:#fff;border:none;padding:14px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:20px}.login-button:hover{background-color:#5a7de6;transform:translateY(-2px);box-shadow:0 5px 15px #6e8efb4d}.signup-link{text-align:center;color:#666;font-size:.95rem}.signup-link a{color:#6e8efb;text-decoration:none;font-weight:500}.logout-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;padding:40px;text-align:center;width:400px}.logout-container h3{color:#333;margin-bottom:25px}.logout-button{background:#ff4757;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.logout-button:hover{background:#ff6b81;transform:translateY(-2px);box-shadow:0 5px 15px #ff47574d}@media (max-width: 768px){.login-page-container{flex-direction:column}.login-image-side{padding:60px 20px}.login-form-container,.logout-container{width:90%;margin:30px auto;padding:30px}}.contact-page-container{display:flex;height:100vh;overflow:hidden;font-family:Arial,sans-serif}.contact-image-side{flex:1;background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1571902943202-507ec2618e8f?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;color:#fff;padding:2rem;overflow:hidden}.image-content{max-width:500px;max-height:100%;overflow:auto}.image-content h2{font-size:2.2rem;margin-bottom:1.5rem;font-weight:700}.image-content p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.contact-methods{margin-top:2rem}.contact-method{display:flex;align-items:center;margin-bottom:1rem;font-size:1.1rem}.contact-method i{margin-right:10px;font-size:1.3rem;color:#4caf50}.form-container{flex:1;max-width:500px;padding:2rem;display:flex;flex-direction:column;justify-content:center;background-color:#f9f9f9;overflow:auto}.form-container h1{color:#333;margin-bottom:1.5rem;text-align:center;font-size:2rem}.contact-form{display:flex;flex-direction:column;gap:.7rem;max-height:80vh}.form-group{display:flex;flex-direction:column;margin-bottom:.3rem}input,textarea,select{width:100%;padding:10px 12px;font-size:.95rem;border:1px solid #ddd;border-radius:4px;transition:all .3s}input:focus,textarea:focus,select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}textarea{min-height:70px;resize:vertical}.error-message{color:#e74c3c;font-size:.85rem;margin-top:3px;height:18px}.submit-button{background-color:#0a0a0a;color:#fff;padding:12px;font-size:1rem;border:none;border-radius:4px;cursor:pointer;transition:all .3s;margin-top:.5rem}@media (max-width: 768px){.contact-page-container{flex-direction:column;height:auto;overflow:auto}.contact-image-side{padding:1.5rem 1rem;height:auto}.form-container{padding:1.5rem 1rem;max-width:100%;height:auto}.contact-form{max-height:none}}
