.hero-section{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px;display:grid}.hero-left{color:#fff;background-color:#0000;background-image:linear-gradient(#0009,#0009),url(/assets/bg2.jpeg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:16px;flex-direction:column;justify-content:center;padding:40px 30px;display:flex;overflow:hidden}.hero-right{color:#fff;background-color:#0000;background-image:linear-gradient(#0009,#0000),url(/assets/bg3.jpeg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:16px;flex-direction:column;justify-content:center;padding:40px 30px;display:flex;overflow:hidden}.hero-title{letter-spacing:4px;text-transform:uppercase;text-shadow:2px 2px 4px #00000080;margin-bottom:10px;font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700}.hero-subtitle{letter-spacing:6px;text-transform:uppercase;opacity:.95;text-shadow:1px 1px 3px #00000080;font-size:1rem}.hero-badge{text-transform:uppercase;letter-spacing:2px;background:#0072bde6;border-radius:50px;margin-top:20px;padding:8px 20px;font-size:.85rem;font-weight:600;display:inline-block}@media (max-width:768px){.hero-section{grid-template-columns:1fr}}
.logos-section{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px;display:grid}.logo-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:20px;padding:25px;display:flex;box-shadow:0 5px 15px #0000000d}.logo-image{background-position:50%;background-repeat:no-repeat;background-size:contain;width:80px;height:80px}.logo-karyna{background-image:url(/assets/karyna-logo.jpeg)}.logo-medica{background-image:url(/assets/medica-logo.jpeg)}.logo-text h3{color:#2d3748;margin-bottom:5px;font-family:Montserrat,sans-serif}.logo-text p{color:#718096;font-size:.9rem}.logo-text p strong{color:#0072bd}@media (max-width:768px){.logos-section{grid-template-columns:1fr}}
.location-section{background:#fff;border-left:8px solid #0072bd;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:25px;padding:25px 30px;display:flex;box-shadow:0 5px 15px #0000000d}.location-info{align-items:center;gap:15px;display:flex}.location-info i{color:#0072bd;font-size:2rem}.location-info h3{color:#2d3748;font-family:Montserrat,sans-serif;font-size:1.2rem}.location-toggles{background:#f7fafc;border-radius:50px;gap:15px;padding:5px;display:flex}.location-btn{cursor:pointer;color:#4a5568;background:0 0;border:none;border-radius:50px;align-items:center;gap:10px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.location-btn i{color:#0072bd}.location-btn.active{color:#fff;background:#0072bd}.location-btn.active i{color:#fff}.location-btn:hover:not(.active){background:#edf2f7}@media (max-width:768px){.location-section{flex-direction:column;align-items:flex-start;gap:15px}.location-toggles{width:100%}.location-btn{flex:1;justify-content:center}}
.service-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:30px;display:grid}.service-card{cursor:pointer;border:2px solid #e2e8f0;border-radius:8px;padding:20px;transition:all .3s}.service-card:hover{border-color:#0072bd;transform:translateY(-3px);box-shadow:0 5px 15px #0072bd1a}.service-card.selected{background-color:#0072bd0d;border-color:#0072bd}.service-icon{color:#0072bd;margin-bottom:15px;font-size:1.8rem}.service-name{color:#2d3748;margin-bottom:8px;font-weight:600}.service-desc{color:#718096;min-height:60px;margin-bottom:10px;font-size:.9rem}.service-price{color:#0072bd;font-size:1.1rem;font-weight:600}@media (max-width:768px){.service-grid{grid-template-columns:1fr}}
.patient-section{background-color:#f7fafc;border-radius:8px;margin:30px 0;padding:25px}.patient-options{gap:20px;margin-top:15px;display:flex}.patient-option{cursor:pointer;text-align:center;border:2px solid #e2e8f0;border-radius:8px;flex:1;padding:20px;transition:all .3s}.patient-option:hover{border-color:#0072bd}.patient-option.selected{background-color:#0072bd0d;border-color:#0072bd}.patient-icon{color:#0072bd;margin-bottom:10px;font-size:2rem}.form-group{margin-bottom:20px}.form-group label{color:#4a5568;margin-bottom:8px;font-weight:500;display:block}.form-group input{border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:12px 15px;font-size:1rem}.form-group input:focus{border-color:#0072bd;outline:none;box-shadow:0 0 0 3px #0072bd1a}@media (max-width:768px){.patient-options{flex-direction:column}}
.button-container{justify-content:space-between;margin-top:30px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.btn-prev{color:#4a5568;background-color:#f7fafc;border:1px solid #e2e8f0}.btn-prev:hover{background-color:#edf2f7}.btn-next{color:#fff;background-color:#0072bd}.btn-next:hover{background-color:#0061a8}.btn:disabled{opacity:.5;cursor:not-allowed}
.app-footer{text-align:center;color:#718096;border-top:1px solid #e2e8f0;margin-top:30px;padding:20px;font-size:.9rem}