*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;font-family:Segoe UI,sans-serif}.container{width:100vw;margin:0;padding:0;box-sizing:border-box}.landing{width:100%}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#f5f5f5;border-radius:10px;box-shadow:0 2px 6px #0000001a;height:90px;margin-left:25px;margin-right:25px;margin-bottom:0}.brand{color:#007bff;font-weight:700;font-size:24px}.search{width:300px;padding:8px 10px;border-radius:5px;border:1px solid #ccc}.login-btn{background-color:#007bff;color:#fff;padding:8px 18px;border-radius:5px;text-decoration:none;font-weight:700}.auth-buttons{display:flex;gap:10px}.login-btn,.register-btn{background-color:#007bff;color:#fff;padding:8px 18px;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.login-btn:hover,.register-btn:hover{background-color:#0056b3}.hero-section{height:100vh;display:flex;justify-content:center;align-items:center;background:url(/images/hero-bg.jpg);background-size:cover;border-radius:10px;margin-bottom:40px;overflow:hidden}.hero-content{padding:30px 50px;border-radius:10px;text-align:center}.hero-content h1{font-size:40px;margin-bottom:15px;color:red}.hero-content p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;unicode-bidi:isolate;color:#ffb700}.get-started-btn{display:inline-block;margin-top:15px;padding:10px 20px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;font-weight:700}.section{margin-bottom:50px}.section h3{font-size:28px;margin-bottom:20px}.category-grid{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.category-card{text-align:center}.category-card img{width:100px;height:100px;object-fit:cover;border-radius:50%;box-shadow:0 2px 4px #0003}.category-card p{margin-top:10px;font-weight:700}.restaurant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}.restaurant-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;text-align:center;padding:15px}.restaurant-card img{width:100%;height:140px;border-radius:10px;object-fit:cover}.restaurant-card h4{margin-top:10px;font-size:18px;color:red}.restaurant-card p{font-size:14px;color:#c82323}.login-container{width:100vw;height:100vh;background:linear-gradient(135deg,#f3f4f6,#e1e5e6);display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.login-card{width:100%;max-width:400px;background:#fff;padding:40px 30px;border-radius:15px;box-shadow:0 8px 24px #0003;text-align:center;transition:transform .3s}.login-card:hover{transform:scale(1.02)}.login-card h2{margin-bottom:30px;color:#007bff;font-size:28px;font-weight:700}.login-card input{width:100%;padding:15px;margin-bottom:20px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s}.login-card input:focus{border-color:#007bff;outline:none}.login-card button{width:100%;padding:14px;background-color:#007bff;color:#fff;font-weight:700;border:none;border-radius:8px;font-size:16px;transition:background-color .3s;cursor:pointer}.login-card button:hover{background-color:#0056b3}.error-message{color:red;margin-top:15px;font-weight:700}.register-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;box-sizing:border-box;z-index:1}.register-container:hover{transform:scale(1.02)}.register-card{background:#fff;padding:40px 30px;border-radius:10px;box-shadow:0 6px 12px #00000026;width:100%;max-width:400px;display:flex;flex-direction:column;gap:20px;z-index:2}.register-card h2{text-align:center;font-size:26px;color:#333;margin-bottom:10px}.register-card form{display:flex;flex-direction:column;gap:15px}.register-card input,.register-card select{padding:12px 15px;border:1px solid #ced4da;border-radius:5px;font-size:15px;background-color:#f9f9f9}.register-card button{padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.register-card button:hover{background-color:#0056b3}.register-card p{text-align:center;font-size:14px}.register-card a{color:#007bff;text-decoration:none}.register-card a:hover{text-decoration:underline}.menu-container{padding:20px;height:100vh;margin:0 auto;text-align:center;font-family:Arial,sans-serif;box-sizing:border-box}.menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-btn{text-decoration:none;color:#007bff;font-weight:700}.back-btn:hover{text-decoration:underline}.search-input{width:50%;padding:10px;margin:20px 0;font-size:16px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}.menu-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.menu-card{width:220px;padding:15px;border:1px solid #ddd;border-radius:12px;background-color:#fafafa;transition:transform .3s,box-shadow .3s;text-align:center;color:red}.menu-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0000001a}.menu-img{width:100%;height:150px;border-radius:10px;object-fit:cover;margin-bottom:10px}.add-cart-btn{margin-top:10px;padding:8px 16px;background-color:#f60;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background .3s}.add-cart-btn:hover{background-color:#e65c00}.cart-container{padding:30px;max-width:1000px;margin:auto;font-family:Arial,sans-serif}.cart-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cart-item{display:flex;width:450px;border:1px solid #ddd;border-radius:12px;background:#f9f9f9;padding:15px;box-shadow:0 2px 5px #0000000d}.cart-img{width:120px;height:100px;object-fit:cover;border-radius:8px;margin-right:15px}.cart-details h4{margin:0;font-size:18px}.cart-details p{margin:5px 0}.cart-restaurant{font-size:14px;color:#777}.remove-btn{margin-top:10px;padding:6px 12px;background-color:#f44;color:#fff;border:none;border-radius:6px;cursor:pointer}.remove-btn:hover{background-color:#c00}.cart-summary{text-align:center;margin-top:30px}.checkout-btn{padding:10px 20px;font-size:16px;background-color:#0c6;color:#fff;border:none;border-radius:8px;cursor:pointer}.checkout-btn:hover{background-color:#00994d}.back-home-btn{text-decoration:none;color:#007bff;font-weight:700}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}