.bg{background-image:url(/images/background.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh;display:flex;justify-content:center;align-items:center}.login-container{width:500px;padding:20px;background-color:#ffffff80;box-shadow:0 4px 6px #0000001a;border-radius:8px;font-family:Arial,sans-serif;text-align:center;display:flex;flex-direction:column;align-items:center}.login-logo{width:100px;margin-bottom:20px}h2{margin-bottom:10px;font-size:24px;color:#333}p{margin-bottom:20px;font-size:16px;color:#666}.login-form{width:100%;display:flex;flex-direction:column;align-items:center}.login-form label{width:100%;text-align:left;margin-bottom:8px;font-size:14px;color:#333}.login-form input{width:100%;margin-bottom:16px;padding:10px;border:1px solid #ccc;border-radius:10px;font-size:14px}.error-message{color:red;font-size:14px;margin-bottom:16px}.login-button{width:30%;padding:10px 15px;background-color:green;color:#fff;border:none;border-radius:18px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#09fbaf}.register-button{width:30%;padding:10px 15px;background-color:green;color:#fff;border:none;border-radius:18px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.register-button:hover{background-color:#09fbaf}.register-container{width:500px;padding:20px;background-color:#ffffff80;box-shadow:0 4px 6px #0000001a;border-radius:8px;font-family:Arial,sans-serif;text-align:center;display:flex;flex-direction:column;align-items:center}.bg{background-image:url(/images/background.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh;display:flex;justify-content:center;align-items:center}.register-form{width:100%;display:flex;flex-direction:column;align-items:center}.register-form label{width:100%;text-align:left;margin-bottom:8px;font-size:14px;color:#333}.register-form input{width:100%;margin-bottom:16px;padding:10px;border:1px solid #ccc;border-radius:10px;font-size:14px}.register-button{width:100px;background-color:green}.redirect-login{width:30%;padding:10px 15px;background-color:green;color:#fff;border:none;border-radius:18px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.redirect-login:hover{background-color:#0ff}*{margin:0;padding:0;box-sizing:border-box}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:70px;background:#05f8d8;color:#040404;border-bottom:2px solid rgba(255,255,255,.1);position:relative;z-index:1000;flex-wrap:nowrap}.navbar-logo{font-size:1.5rem;font-weight:700;letter-spacing:1px;color:#0d0d0e;margin-right:1rem}.navbar-links{display:flex;list-style:none;gap:2rem}.navbar-links li a{text-decoration:none;color:#020202;font-size:1rem;transition:color .3s}.navbar-links li a:hover{color:#fff}.action-btn{padding:.5rem 1rem;background:#139505;border:none;border-radius:5px;color:#fff;font-size:1rem;cursor:pointer;transition:background .3s,transform .3s}.action-btn:hover{background:#111112;transform:scale(1.05)}.action-btn a{text-decoration:none;color:#fff}@media (max-width: 768px){.navbar{padding:0 1rem;justify-content:space-between}.navbar-logo{font-size:1.2rem;margin-right:.5rem}.navbar-links{display:flex;gap:1rem;margin-left:auto;justify-content:space-between}.navbar-links li a{font-size:1rem}.action-btn{margin-left:1rem}}body{font-family:Arial,sans-serif;background-color:#f4f4f4}.hero-section{position:relative;width:100%;background-color:#e9f5e0;text-align:center;padding:40px 20px;border-radius:10px}.hero-section img{width:100%;height:auto;max-width:600px;margin-bottom:20px}.hero-section h1,.hero-section p{color:#333;font-size:1.8rem;margin-bottom:10px}.fade-in{animation:fadeIn 2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-section .btn{padding:10px 20px;font-size:1.2rem;background-color:#3c763d;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s}.hero-section .btn:hover{background-color:#2b5c2b}.features-section{text-align:center;margin-top:40px}.features h2{font-size:2rem;margin-bottom:20px}.features{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.feature-item{background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:20px;width:300px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.feature-item:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000026}.feature-item img{width:100%;height:200px;object-fit:cover;border-radius:8px}.feature-item h3{margin:10px 0;color:#333}.feature-item p{font-size:1rem;color:#666}.created-by-section{text-align:center;margin-top:40px;font-size:1rem;color:#666}.created-by-section strong{color:#3c763d}@media screen and (max-width: 768px){.features{flex-direction:column;align-items:center}.feature-item{width:80%;margin-bottom:20px}.contact-input{width:80%}}.catalog-container{padding:20px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1200px;margin:0 auto}.search-container{width:100%;text-align:center;margin-bottom:30px}.search-input{width:60%;padding:10px;font-size:1rem;border-radius:5px;border:1px solid #ccc;transition:border-color .3s ease}.search-input:focus{border-color:#3c763d}.machines-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.machine-item{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:calc(25% - 20px);padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;position:relative;margin-bottom:20px}.machine-item:hover{transform:translateY(-10px);box-shadow:0 8px 20px #0003}.machine-image{width:100%;height:200px;object-fit:cover;border-radius:8px;transition:transform .3s ease}.machine-item:hover .machine-image{transform:scale(1.05)}.machine-item h3{font-size:1.5rem;margin:15px 0;color:#333}.machine-item p{font-size:1rem;color:#555;margin:10px 0}.daily-rent{font-size:1.1rem;color:#3c763d;font-weight:700;margin:10px 0}.days-container{margin:10px 0}.strong-label{font-weight:700;margin-right:10px}.days-input{padding:5px;font-size:1rem;border:1px solid #ccc;border-radius:5px;width:50px;text-align:center;transition:border-color .3s ease}.days-input:focus{border-color:#3c763d}.book-button{background-color:#3c763d;color:#fff;padding:12px 20px;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.book-button:hover{background-color:#2c6b2f;transform:scale(1.05)}@media (max-width: 1200px){.machine-item{width:calc(50% - 20px)}}@media (max-width: 768px){.machine-item{width:100%}.search-input{width:80%}}.features-section{padding:40px 20px;background-color:#fff;text-align:center;max-width:1200px;margin:0 auto}.features-section h2{font-size:2rem;color:#333;margin-bottom:20px}.features-section p{font-size:1.1rem;color:#555;max-width:800px;margin:0 auto 30px}.features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.feature-item{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:calc(33% - 30px);padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;position:relative}.feature-item:hover{transform:translateY(-10px);box-shadow:0 8px 20px #0003}.feature-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:20px}.feature-item h3{font-size:1.5rem;color:#333;margin-bottom:15px}.feature-item p{font-size:1rem;color:#555;margin-bottom:0}@media (max-width: 1024px){.feature-item{width:calc(50% - 30px)}}@media (max-width: 768px){.feature-item{width:100%}.features-section h2{font-size:1.8rem}.features-section p{font-size:1rem}}body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#f4f4f9}.contact-container{padding:40px 20px;text-align:center;max-width:1200px;margin:0 auto}.contact-container h1{font-size:2.5rem;color:#333;margin-bottom:20px}.contact-intro{font-size:1.1rem;color:#555;max-width:800px;margin:0 auto}.contact-content{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.contact-details{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:20px;width:45%}.contact-details h2{font-size:1.8rem;color:#333;margin-bottom:20px}.contact-details p{font-size:1rem;color:#555;margin-bottom:20px}.contact-details ul{list-style-type:none;padding:0;font-size:1rem;color:#555}.contact-details ul li{margin-bottom:10px}.contact-details ul li strong{color:#333}.contact-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:20px;width:45%}.contact-form h2{font-size:1.8rem;color:#333;margin-bottom:20px}.contact-form p{font-size:1rem;color:#555;margin-bottom:20px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;font-size:1rem;color:#333;margin-bottom:5px}.form-group input,.form-group textarea{width:100%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{border-color:#3c763d;outline:none}.form-group textarea{height:150px;resize:vertical}.submit-button{background-color:#3c763d;color:#fff;padding:12px 20px;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#2c6b2f}@media (max-width: 768px){.contact-details,.contact-form{width:100%}.contact-intro{font-size:1rem;margin-bottom:20px}}body{margin:0;font-family:Poppins,sans-serif;background-color:#f7f7f7}.booking-page{display:flex;justify-content:center;align-items:center;background:#f7f7f7;height:100vh;padding:20px}.booking-container{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:40px;max-width:1000px;width:100%;gap:20px}.product-image img{width:350px;height:auto;border-radius:8px;box-shadow:0 6px 12px #0000001a;object-fit:cover}.booking-card{flex:1;max-width:500px;display:flex;flex-direction:column;gap:20px}.product-name{font-size:32px;font-weight:700;color:#333}.product-description{font-size:14px;color:#777;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:10px}.input-field{padding:12px;font-size:16px;border:1px solid #ccc;border-radius:6px;background-color:#f9f9f9;transition:all .3s ease}.input-field:focus{border-color:#007bff;background-color:#eaf4ff}.read-only{background-color:#f0f0f0;cursor:not-allowed}label{font-size:14px;color:#555}.confirm-button{padding:15px;background-color:#ff7043;color:#fff;font-size:18px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700}.confirm-button:hover{background-color:#ff5722}@media (max-width: 768px){.booking-container{flex-direction:column;gap:30px}.product-image img{width:100%}}