html,body{max-width:100%;overflow-x:hidden}:root{font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background-color:#fff;position:sticky;top:0;z-index:1000;flex-wrap:wrap;border-bottom:1px solid #ccc}.nav-left{display:flex;align-items:center;gap:24px}.logo-link .logo{height:50px;object-fit:contain}.nav-right{display:flex;align-items:center;gap:16px}.nav-link{text-decoration:none;color:#000;font-weight:500;transition:opacity .2s ease}.nav-link:hover{opacity:.6}.logout-btn{background-color:#000;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background-color:#333}.nav-user{font-size:14px;color:#000;font-weight:400}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start}.nav-right{width:100%;justify-content:space-between;padding:8px 0}.nav-link{padding-left:20px}.center-logo{width:100%;justify-content:center}.center-logo .logo-link{display:flex;justify-content:center;width:100%}}.footer{background-color:#111;color:#ddd}.footer a{color:#ddd;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#fff}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;padding:4rem 2rem;max-width:1200px}.footer-section{display:flex;flex-direction:column;flex:1 1 200px;min-width:180px}.footer-section h4{display:flex;flex-direction:column;font-size:1.25rem;margin-bottom:1rem;color:#fff}.newsletter-form{display:flex;margin-top:.5rem}.newsletter-form input{flex:1;padding:.6rem 1rem;border:none;border-radius:4px 0 0 4px;font-size:.9rem}.newsletter-form button{padding:.6rem 1.2rem;border:none;background-color:#e3a800;color:#111;font-weight:600;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color .3s ease}.newsletter-form button:hover{background-color:#cf9300}.footer-bottom{background-color:#000;text-align:center;padding:1rem;font-size:.9rem}.home-container{background-color:#f6f6f7;min-height:100vh;color:#111}h2{text-align:center;margin-bottom:30px;font-size:45px;font-weight:600;padding-top:50px}.products-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding:50px 0 100px}.product-card{background-color:#fff;border:1px solid #ddd;border-radius:10px;width:240px;padding:20px;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.product-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001a}.product-img{width:100%;height:160px;object-fit:contain;border-radius:6px;margin-bottom:15px}.product-card h3{font-size:18px;margin-bottom:8px;color:#202223}.price{font-size:16px;font-weight:700;color:#000;margin-bottom:4px}.store{font-size:14px;color:#666;margin-bottom:10px}.product-link{display:inline-block;padding:8px 12px;background-color:#000;color:#fff;border-radius:6px;text-decoration:none;font-size:14px;transition:background-color .2s ease}.product-link:hover{background-color:#333}.search-bar{display:flex;justify-content:center;margin:30px auto;width:70%;max-width:600px;box-shadow:0 4px 8px #0000001a;border-radius:8px;overflow:hidden;background-color:#f6f6f7}.search-input{flex:1;padding:12px 16px 12px 40px;border:none;font-size:16px;outline:none;color:#333;background-image:url('data:image/svg+xml;utf8,<svg fill="gray" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zM10 14a4 4 0 110-8 4 4 0 010 8z"/></svg>');background-repeat:no-repeat;background-position:12px center;border-radius:8px 0 0 8px;transition:box-shadow .3s ease}.search-input:focus{box-shadow:0 0 5px 2px #0000001a}.search-btn{padding:12px 24px;background-color:#000;color:#fff;font-weight:600;border:none;border-radius:0 8px 8px 0;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.search-button:hover{background-color:#333;box-shadow:0 0 8px #3339}.parallax-section{background-image:url(https://images.pexels.com/photos/12935045/pexels-photo-12935045.jpeg);min-height:450px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;text-align:center}.parallax-content{background-color:#0009;padding:3rem 2rem;border-radius:16px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.8);max-width:640px;margin:0 auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 8px 20px #0006;text-align:center}.parallax-content h1{font-size:2.8rem;margin-bottom:1rem;letter-spacing:1px}.parallax-content p{font-size:1.25rem;margin-bottom:2rem;line-height:1.6}.cta-button{background-color:#fff;color:#333;padding:.75rem 2rem;font-weight:600;text-decoration:none;border-radius:8px;border:2px solid transparent;transition:all .3s ease-in-out;display:inline-block;font-size:1rem;box-shadow:0 4px 12px #fff3}.cta-button:hover{background-color:transparent;color:#fff;border-color:#fff;box-shadow:0 4px 16px #fff6}.about-content{padding:4rem 1rem;max-width:800px;margin:0 auto;text-align:center;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:fadeIn 1.2s ease-in-out}.about-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative;display:inline-block;color:#000}.about-content h2:after{content:"";display:block;width:60%;height:4px;background:#000;margin:8px auto 0;border-radius:2px}.about-content p{font-size:1.2rem;line-height:1.9;margin-bottom:1.5rem;color:#555}.highlight-tag{display:block;font-size:.9rem;font-weight:600;color:#999;text-transform:uppercase;margin-bottom:10px;letter-spacing:1px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.parallax{background-attachment:scroll;background-size:contain;height:250px;background-position:top}}*{margin:0;padding:0;box-sizing:border-box}body,html{background-color:#fff;color:#000;height:100vh}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.login-box{background-color:#fbfbfc;padding:40px;width:360px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000000d}.login-box h2{margin-bottom:24px;color:#202223;font-weight:600;font-size:24px;text-align:center}.login-box label{display:block;margin-bottom:8px;margin-top:16px;font-size:14px;color:#333}.login-box input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;background-color:#fff;color:#000}.login-box input:focus{border-color:#5c6ac4;outline:none}.login-box button{width:100%;margin-top:24px;padding:12px;background-color:#000;color:#fff;font-weight:600;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.login-box button:hover{background-color:#333;color:#fff}.help-text{margin-top:16px;text-align:center;font-size:13px;color:#555}.help-text a{color:#000;text-decoration:underline;font-weight:500}.logo{width:120px;display:block;margin:0 auto;filter:none}@media (max-width: 500px){.logo{width:90px}}.results-container{padding:40px 0;background-color:#f6f6f7;min-height:100vh;color:#111}.results-container h2{text-align:center;margin-bottom:30px;font-size:28px;font-weight:600}.results-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.results-grid>div{background-color:#fff;border:1px solid #ddd;border-radius:10px;width:240px;padding:20px;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.results-grid>div:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001a}.results-grid img{width:100%;height:160px;object-fit:contain;border-radius:6px;margin-bottom:15px}.results-grid h3{font-size:18px;margin-bottom:8px;color:#202223}.results-grid p:nth-of-type(1){font-size:16px;font-weight:700;color:#000;margin-bottom:4px}.results-grid p:nth-of-type(2){font-size:14px;color:#666;margin-bottom:10px}.results-grid a{display:inline-block;padding:8px 12px;background-color:#000;color:#fff;border-radius:6px;text-decoration:none;font-size:14px;transition:background-color .2s ease}.results-grid a:hover{background-color:#333}
