.loading-spinner-container{display:flex;justify-content:center;align-items:center;padding:20px;width:100%}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #ffc107;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-page-container{padding-bottom:2rem}.info-banner{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:10px 15px;margin-bottom:15px;color:#795548;font-size:13px;line-height:1.4;text-align:center}@media (min-width: 768px){.info-banner{padding:15px 25px;margin-bottom:25px;font-size:15px;border-radius:10px}}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.page-title{text-align:center;font-size:42px;color:#333;margin-bottom:45px;margin-top:25px;font-weight:300}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.service-card{background:#fff;border-radius:15px;padding:40px 30px;text-align:center;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #00000014}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.service-icon{width:120px;height:120px;border-radius:50%;margin:0 auto 25px;display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff}.service-icon img{max-width:220px;max-height:100%;object-fit:contain}.service-title{font-size:18px;color:#333;font-weight:600;text-transform:uppercase}.options-container{max-width:800px;margin:0 auto}.option-card{background:#fff;border-radius:12px;padding:25px;margin-bottom:20px;cursor:pointer;transition:all .3s;box-shadow:0 3px 12px #00000014;border:2px solid transparent;display:flex;align-items:center;gap:20px}.option-icon{width:60px;height:60px;background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;flex-shrink:0}.option-content{flex:1}.option-content h3{margin:0;color:#333}.option-card:hover{border-color:#ffc107;box-shadow:0 5px 20px #ffc10733}.option-card.selected{border-color:#ffc107;background:#fffbf0}.checkbox-group{display:flex;flex-direction:column;gap:15px}.checkbox-option{display:flex;align-items:center;gap:12px;padding:15px;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s;border:2px solid #e0e0e0}.checkbox-option:hover{border-color:#ffc107}.checkbox-option input[type=checkbox]{width:22px;height:22px;cursor:pointer}.nav-btn{width:44px;height:44px;border:none;border-radius:12px;background:linear-gradient(135deg,#1a1a1a,#333);color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040;background:linear-gradient(135deg,#ffc107,#ff9800);color:#1a1a1a}.nav-btn:active{transform:translateY(0)}.datetime-container{display:grid;grid-template-columns:2fr 1fr;gap:30px;background:#fff;padding:40px;border-radius:15px;box-shadow:0 4px 20px #0000001a}.calendar-section h3,.time-section h3{margin-bottom:20px;color:#333}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000000f;font-weight:500;border:2px solid #e0e0e0}.calendar-day:hover:not(.disabled):not(.header){background:#ffc107;color:#fff;transform:scale(1.05);border-color:#ffc107}.calendar-day.selected{background:#ffc107;color:#fff;border-color:#ffc107}.calendar-day.disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed;border-color:#f5f5f5}.calendar-day.header{background:#1a1a1a;color:#fff;cursor:default;font-size:12px;border-color:#1a1a1a}.time-slots{display:flex;flex-direction:column;gap:12px}.time-slot{padding:15px;background:#fff;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000000f;border:2px solid #e0e0e0}.time-slot:hover:not(.disabled){border-color:#ffc107}.time-slot.selected{background:#ffc107;color:#fff;border-color:#ffc107}.time-slot.disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed;border-color:#f5f5f5}.form-container{max-width:600px;margin:0 auto;background:#fff;padding:40px;border-radius:15px;box-shadow:0 4px 20px #0000001a}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input,.form-group select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s;font-family:inherit;background-color:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#ffc107}.required{color:#f44336}.summary-container{background:#fff;padding:40px;border-radius:15px;box-shadow:0 4px 20px #0000001a}.summary-section{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid #e0e0e0}.summary-section:last-child{border-bottom:none}.summary-section h3{color:#333;margin-bottom:15px;font-size:18px}.summary-item{display:flex;justify-content:space-between;margin-bottom:10px;color:#666}.total-price{font-size:32px;color:#ffc107;text-align:center;margin-top:30px;font-weight:700}.summary-page-container{display:flex;flex-direction:column;max-height:calc(100vh - 140px);padding:20px 20px 15px;max-width:45%;margin:0 auto}.summary-page-title{font-size:28px;margin-bottom:20px;margin-top:10px;flex-shrink:0}.summary-container-compact{flex:1;overflow-y:auto;padding:20px 25px;margin-bottom:10px}.summary-container-compact .summary-section{margin-bottom:15px;padding-bottom:12px}.summary-container-compact .summary-section h3{font-size:15px;margin-bottom:8px}.summary-container-compact .summary-item{margin-bottom:5px;font-size:14px}.summary-total-row{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:2px solid #ffc107;margin-top:10px;font-weight:600}.total-price-inline{font-size:24px;color:#ffc107;font-weight:700}.summary-page-container .button-group{flex-shrink:0;margin-top:15px;padding-top:10px}.btn-primary{background:#ffc107;color:#1a1a1a;border:none;padding:15px 40px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #ffc1074d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc10766}.btn-secondary{background:transparent;color:#666;border:2px solid #e0e0e0;padding:12px 30px;border-radius:25px;font-size:16px;cursor:pointer;transition:all .3s;margin-right:15px}.btn-secondary:hover{border-color:#ffc107;color:#ffc107}.button-group{display:flex;justify-content:center;margin-top:40px;gap:15px}.hidden{display:none}.notification{position:fixed;top:100px;right:30px;background:#fff;padding:25px 30px;border-radius:12px;box-shadow:0 8px 30px #0003;z-index:1000;min-width:350px;display:flex;align-items:flex-start;gap:15px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification-icon{width:40px;height:40px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.notification-content{flex:1}.notification-title{font-weight:600;color:#333;margin-bottom:5px;font-size:16px}.notification-message{color:#666;font-size:14px}.notification-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-close:hover{color:#333}@media (max-width: 768px){.container{padding:20px 16px}.page-title{font-size:28px;margin-bottom:30px;margin-top:20px}.header{flex-direction:column;gap:20px}.services-grid{grid-template-columns:1fr;gap:20px}.service-card{padding:30px 20px}.options-container{padding:0}.option-card{padding:20px;margin-bottom:15px}.datetime-container{grid-template-columns:1fr;padding:20px}.calendar-grid{gap:6px}.calendar-day{font-size:14px}.nav-btn{width:40px;height:40px;font-size:16px}.notification{right:10px;left:10px;min-width:auto}.time-slot{width:100%}.form-container,.summary-container{padding:25px 20px}.button-group{flex-direction:column-reverse;gap:10px}.btn-secondary{margin-right:0}.summary-page-container{min-width:90%!important}}:root{--color-primary: #ffc107;--color-dark: #0e0e0e;--color-grey: #f5f5f5;--color-text-light: #ffffff;--color-text-dark: #141414;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-grey);color:var(--color-text-dark)}a{text-decoration:none;color:inherit}button{cursor:pointer}.app-header{background-color:var(--color-dark);color:var(--color-primary);padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;transition:padding .3s ease}.header-nav{display:flex;gap:1rem}.header-btn{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-text-light);padding:.75rem 2rem;border-radius:24px;font-weight:600;letter-spacing:.5px;font-size:1rem;cursor:pointer;transition:all .2s ease-in-out}.header-btn:hover{background-color:var(--color-primary);color:var(--color-dark)}@media (min-width: 768px){.app-header{padding:1rem 4rem}.logo img{min-height:55px}}.logo img{cursor:pointer}.contact-modal-content{background:#fff;border-radius:15px;padding:40px 30px;max-width:350px;width:100%;position:relative;box-shadow:0 10px 40px #0003;text-align:center}.contact-modal-content h2{margin:0 0 25px;font-size:22px;color:#000;font-weight:700}.contact-modal-content .contact-label{color:#666;font-size:13px;margin-bottom:5px}.contact-modal-content .contact-value{color:#333;font-weight:600;font-size:15px}.contact-modal-content .contact-section{margin-bottom:18px}@media (min-width: 768px){.contact-modal-content{max-width:500px;padding:50px 40px}.contact-modal-content h2{font-size:28px;margin-bottom:35px}.contact-modal-content .contact-label{font-size:15px}.contact-modal-content .contact-value{font-size:18px}.contact-modal-content .contact-section{margin-bottom:25px}}