/* CSS Reset and Base Styles */
*{margin:0;padding:0;box-sizing:border-box}
:root{--primary-color:#f6ad55;--primary-light:#f39d09;--secondary-color:#f6ad55;--accent-color:#d69e2e;--text-primary:#000000;--text-secondary:#2d3748;--text-light:#4a5568;--background:#202020;--surface:#ffffff;--border:#e2d8c3;--shadow:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--border-radius:8px;--max-width:600px;--header-height:80px}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--background);overflow-x:hidden}
.container{max-width:var(--max-width);margin:0 auto;padding:1px 20px}
.header{position:fixed;top:0;left:0;right:0;background:var(--primary-color);box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:10000;height:var(--header-height);border-radius:0 0 5px 5px;display:flex;justify-content:center;max-width:var(--max-width);margin:0 auto}
.header-content{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;min-height:var(--header-height)}
.header-logo{display:flex;align-items:center}
.header-logo .logo{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-right:59px}
.brand{font-size:1.5rem;font-weight:700;color:var(--text-primary)}
.nav-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.nav-btn{background:var(--primary-color);color:var(--text-primary);border:none;padding:8px 12px;border-radius:var(--border-radius);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}
.nav-btn:hover{background:var(--primary-light);transform:translateY(-1px)}
.nav-btn:active{transform:translateY(0)}
.main{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height))}
.slider-section,.slider,.slider-track,.slide,.slider-controls,.slider-btn,.slider-dots,.dot{display:none;margin:0;padding:0;width:0;height:0}
.form-section{background:var(--surface);border-radius:var(--border-radius);padding:30px 20px;margin:20px 0;box-shadow:var(--shadow)}
.form-section h2{color:var(--text-primary);margin-bottom:20px;font-size:1.5rem}
.service-intro{text-align:center;margin-bottom:20px}
.service-intro p{margin-bottom:20px;color:var(--text-secondary)}
.book-now-btn,.enter-btn{background:var(--primary-color);color:var(--text-primary);border:none;padding:12px 24px;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s ease}
.book-now-btn:hover,.enter-btn:hover{background:var(--primary-light);transform:translateY(-1px)}
.service-form{display:flex;flex-direction:column;gap:20px}
.form-group{display:flex;flex-direction:column}
.form-group label{margin-bottom:5px;font-weight:500;color:var(--text-primary)}
.form-group input[type="text"],.form-group input[type="tel"],.form-group input[type="email"]{padding:12px;border:2px solid var(--border);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s ease}
.form-group input:focus{outline:none;border-color:var(--primary-color)}
.form-group input:invalid{border-color:var(--secondary-color)}
.radio-group{display:flex;gap:15px;margin-top:5px}
.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:normal}
.radio-label input[type="radio"]{margin:0}
.map-container{margin-top:10px}
.map{width:100%;height:300px;border:2px solid var(--border);border-radius:var(--border-radius);background:#f0f0f0}
.form-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.submit-btn{background:var(--primary-color);color:var(--text-primary);border:none;padding:12px 24px;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}
.submit-btn:hover{background:var(--primary-light);transform:translateY(-1px)}
.cancel-btn{background:transparent;color:var(--text-secondary);border:2px solid var(--border);padding:12px 24px;border-radius:var(--border-radius);font-size:1rem;cursor:pointer;transition:all .2s ease}
.cancel-btn:hover{border-color:var(--text-secondary);background:var(--surface)}
.chat-section{background:var(--surface);border-radius:var(--border-radius);padding:30px 20px;margin:20px 0;box-shadow:var(--shadow);text-align:center}
.chat-section h2{color:var(--primary-color);margin-bottom:20px}
.chat-intro p{margin-bottom:20px;color:var(--text-secondary)}
.footer{background:var(--primary-color);color:var(--text-primary);margin-top:40px;display:flex;justify-content:center;max-width:var(--max-width);margin-left:auto;margin-right:auto;border-radius:5px 5px 0 0}
.footer-content{width:100%;padding:40px 20px 20px;display:flex;flex-direction:column;gap:30px}
.footer h3{margin-bottom:15px;font-size:1.2rem}
.contact-info{display:flex;flex-direction:column;gap:8px}
.contact-item{font-size:.9rem}
.contact-item a{color:var(--background);text-decoration:none}
.contact-item a:hover{color:var(--surface);text-decoration:underline}
.address-section address{font-style:normal;line-height:1.6;margin-bottom:15px}
.map-embed{border-radius:var(--border-radius);overflow:hidden}
.map-embed iframe{display:block}
.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding:20px 0;text-align:center}
.footer-bottom p{font-size:.9rem;opacity:.8}
.toast-container{position:fixed;top:100px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px}
.toast{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:15px 20px;max-width:300px;border-left:4px solid;animation:slideIn .3s ease}
.toast.success{border-left-color:var(--accent-color)}
.toast.error{border-left-color:var(--secondary-color)}
.toast-content{display:flex;align-items:flex-start;gap:10px}
.toast-message{flex:1;font-size:.9rem;line-height:1.4}
.toast-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-light);padding:0;line-height:1}
@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
@media (max-width:480px){.container{padding:0 15px}.nav-btn{padding:6px 8px;font-size:.75rem}.slider-btn{width:35px;height:35px;font-size:1rem}.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%}.toast-container{right:15px;left:15px}.toast{max-width:none}}
@media (min-width:481px) and (max-width:600px){.header-content{flex-direction:row;justify-content:space-between;align-items:center;padding:15px 0}.brand{margin-bottom:0}.nav-buttons{flex-wrap:nowrap}}
.loading{position:relative;opacity:.6;pointer-events:none}
.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}
.quick-actions{margin:20px 0;background:var(--surface);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow)}
.quick-actions .nav-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;justify-content:center;align-items:center}
.quick-actions .nav-btn{width:100%;padding:15px 10px;font-size:1rem;font-weight:600;border-radius:10px;text-transform:uppercase;transition:all .3s ease;background:var(--primary-color);color:var(--text-primary);box-shadow:0 3px 5px rgba(0,0,0,0.1)}
.quick-actions .nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,0.12);background:var(--primary-light)}
.quick-actions .nav-btn:active{transform:translateY(0);box-shadow:0 2px 3px rgba(0,0,0,0.1)}
@media (max-width:768px){.quick-actions .nav-buttons{grid-template-columns:1fr;gap:10px}}
@media (max-width:480px){.quick-actions .nav-btn{max-width:100%;min-width:auto}}
.about-section{background:var(--surface);border-radius:var(--border-radius);padding:30px 20px;margin:20px 0;box-shadow:var(--shadow)}
.about-section h2{color:var(--primary-color);margin-bottom:20px;text-align:center;font-size:1.5rem}
.about-content{display:flex;flex-direction:column;gap:15px}
.about-content p{color:var(--text-secondary);line-height:1.6;text-align:justify}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.form-group input.error,.form-group input:invalid:not(:focus){border-color:var(--secondary-color);background-color:#fffaf0}
.error-message{color:#c05621;font-size:.85rem;margin-top:5px;display:block}
.radio-group.error{border:1px solid var(--secondary-color);border-radius:var(--border-radius);padding:10px;background-color:#fffaf0}
.map{cursor:pointer;transition:all .2s ease}
.map:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1)}
.map.selected{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(56,161,105,0.2)}
@media (max-width:600px){.header,.footer{padding:0 10px}.header-content,.footer-content{padding:10px}}
.footer-columns{display:flex;justify-content:space-between;gap:30px}
.footer-column{flex:1;background:var(--surface);padding:30px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,0.1)}
.footer-column h3{font-size:1.5rem;margin-bottom:20px;color:var(--primary-color);border-bottom:2px solid var(--primary-color);padding-bottom:10px}
.contact-info,.address-section address{display:flex;flex-direction:column;gap:15px}
.contact-item{display:flex;align-items:center;gap:10px}
.contact-item strong{min-width:100px;display:inline-block}
.contact-item a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}
.contact-item a:hover{color:var(--primary-color)}
.map-embed{margin-top:20px;border-radius:12px;overflow:hidden}
@media (max-width:768px){.footer-columns{flex-direction:column;gap:20px}}