:root{--primary:#146cfa;--primary2:#09a8a0;--ink:#132238;--muted:#64748b;--surface:#fff;--soft:#f4f8fc;--border:#e4ebf3;--shadow:0 14px 45px rgba(24,53,87,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--surface)}.navbar{background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:14px 0}.navbar-brand,.footer-brand{font-size:24px;font-weight:800;color:var(--ink);text-decoration:none}.navbar-brand i,.footer-brand i{color:#0ba6a0}.navbar-brand span{color:var(--primary)}.nav-link{font-weight:600;margin:0 7px}.nav-link.active,.nav-link:hover{color:var(--primary)!important}.btn{border-radius:10px;font-weight:600}.btn-primary{background:linear-gradient(135deg,var(--primary),#3b82f6);border:0}.hero{padding:85px 0 70px;background:radial-gradient(circle at 80% 15%,#dff7f5,transparent 30%),linear-gradient(135deg,#f7fbff,#fff)}.eyebrow,.section-label{display:inline-flex;gap:8px;align-items:center;color:#087f7a;background:#dff7f5;padding:8px 13px;border-radius:30px;font-size:13px;font-weight:700}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.04;font-weight:850;letter-spacing:-2.5px;margin:22px 0}.hero h1 span{color:var(--primary)}.hero>div p,.hero .col-lg-6>p{font-size:18px;color:var(--muted);max-width:590px}.hero-stats{display:flex;gap:45px;margin-top:42px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:24px}.hero-stats span{font-size:13px;color:var(--muted)}.hero-visual{position:relative;padding:25px}.hero-visual>img{width:100%;height:535px;object-fit:cover;border-radius:40px 40px 140px 40px;box-shadow:var(--shadow)}.floating-card{position:absolute;background:var(--surface);padding:14px 17px;border-radius:14px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:center}.floating-card i{font-size:25px;color:var(--primary)}.floating-card strong,.floating-card small{display:block}.floating-card small{color:var(--muted)}.floating-card.top{top:70px;left:-20px}.floating-card.bottom{right:-10px;bottom:85px}.trust-strip{padding:23px 0;border-block:1px solid var(--border)}.trust-strip i{color:var(--primary);font-size:22px;margin-right:8px}.section{padding:90px 0}.section-title{text-align:center;max-width:650px;margin:0 auto 45px}.section-title span{color:var(--primary);font-weight:750;font-size:13px;letter-spacing:1px}.section-title h2{font-weight:800;font-size:38px;margin:8px 0}.section-title p{color:var(--muted)}.service-card,.doctor-card,.quote-card{height:100%;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:25px;box-shadow:0 10px 35px rgba(24,53,87,.04);transition:.25s}.service-card:hover,.doctor-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.service-card>i{width:55px;height:55px;border-radius:15px;background:#e7f0ff;color:var(--primary);display:grid;place-items:center;font-size:25px}.service-card h4{font-size:19px;font-weight:750;margin:20px 0 8px}.service-card p,.quote-card p{color:var(--muted);margin:0}.doctors-section,.testimonials{background:var(--soft)}.filter-panel{background:var(--surface);padding:18px;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:30px}.form-control,.form-select,.input-group-text{padding:12px;border-color:var(--border)}.doctor-card{padding:0;overflow:hidden}.doctor-photo{position:relative;height:245px;background:#e8f0f8}.doctor-photo img{width:100%;height:100%;object-fit:cover}.availability{position:absolute;top:14px;right:14px;background:#dcfce7;color:#15803d;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700}.doctor-info{padding:20px}.doctor-info h4{font-size:20px;font-weight:800;margin:5px 0}.specialty{color:var(--primary);font-weight:700;font-size:13px}.doctor-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin:13px 0}.rating{color:#f59e0b}.doctor-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.empty-state{text-align:center;padding:60px;color:var(--muted)}.empty-state i{font-size:50px}.about-visual{position:relative}.about-visual img{width:100%;height:500px;object-fit:cover;border-radius:30px}.experience{position:absolute;right:-15px;bottom:30px;background:var(--primary);color:#fff;border-radius:18px;padding:20px 25px;display:flex;flex-direction:column}.experience strong{font-size:35px}.feature-list{list-style:none;padding:0;margin:25px 0}.feature-list li{margin:13px 0;font-weight:600}.feature-list i{color:#0ba6a0;margin-right:9px}.quote-card .stars{color:#f59e0b;letter-spacing:2px}.quote-card p{font-size:16px;margin:15px 0 22px}.quote-card small{display:block;color:var(--muted)}.cta{background:linear-gradient(135deg,#0e67e9,#0ba6a0);color:white;padding:55px 0}.cta .container{display:flex;justify-content:space-between;align-items:center}.cta h2{font-weight:800}.cta p{margin:0;opacity:.85}footer{background:#0d1828;color:#cbd5e1;padding:65px 0 25px}footer .footer-brand{color:#fff;display:block;margin-bottom:15px}footer h6{color:#fff;font-weight:700}footer a{display:block;color:#9fb0c5;text-decoration:none;margin:8px 0}footer a:hover{color:#fff}.copyright{text-align:center;color:#7f90a5}.modal-content{border:0;border-radius:20px;overflow:hidden}.profile-head{display:flex;gap:22px;align-items:center}.profile-head img{width:125px;height:125px;object-fit:cover;border-radius:20px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.profile-stat{background:var(--soft);border-radius:12px;padding:15px;text-align:center}.profile-stat strong,.profile-stat span{display:block}.profile-stat span{font-size:12px;color:var(--muted)}.selected-doctor{display:flex;gap:13px;align-items:center;background:var(--soft);border-radius:14px;padding:14px}.selected-doctor img{width:60px;height:60px;object-fit:cover;border-radius:12px}.time-slots{display:flex;flex-wrap:wrap;gap:9px}.slot{border:1px solid var(--border);background:var(--surface);padding:9px 13px;border-radius:9px}.slot.active{background:var(--primary);color:#fff;border-color:var(--primary)}.slot:disabled{opacity:.4}.appointment-card{border:1px solid var(--border);border-radius:15px;padding:18px;margin-bottom:12px}.status{font-size:12px;padding:6px 10px;border-radius:20px;font-weight:700}.status-pending{background:#fff3cd;color:#997404}.status-confirmed{background:#dbeafe;color:#1d4ed8}.status-completed{background:#dcfce7;color:#15803d}.status-cancelled{background:#fee2e2;color:#b91c1c}.success-icon{width:80px;height:80px;background:#dcfce7;color:#16a34a;border-radius:50%;display:grid;place-items:center;font-size:42px;margin:auto}.confirmation-box{background:var(--soft);padding:16px;border-radius:13px;text-align:left}[data-theme=dark]{--ink:#eef4fb;--muted:#9fb0c5;--surface:#172234;--soft:#101a29;--border:#2b3a50;--shadow:0 14px 45px rgba(0,0,0,.25)}[data-theme=dark] body{background:var(--surface)}[data-theme=dark] .navbar{background:rgba(23,34,52,.95)}[data-theme=dark] .hero{background:radial-gradient(circle at 80% 15%,#123b42,transparent 30%),#101a29}[data-theme=dark] .btn-light{background:#24344b;color:#fff;border-color:#344660}[data-theme=dark] .form-control,[data-theme=dark] .form-select,[data-theme=dark] .input-group-text{background:#101a29;color:#fff;border-color:#344660}[data-theme=dark] .btn-close{filter:invert(1)}@media(max-width:991px){.navbar .d-flex{margin-top:15px;flex-wrap:wrap}.hero{padding-top:55px}.hero-visual>img{height:450px}.floating-card.top{left:0}.hero-stats{gap:25px}.cta .container{flex-direction:column;text-align:center;gap:20px}}@media(max-width:575px){.section{padding:65px 0}.hero h1{letter-spacing:-1.5px}.hero-stats{justify-content:space-between;gap:8px}.hero-visual{padding:8px}.hero-visual>img{height:390px;border-radius:25px 25px 80px 25px}.floating-card{font-size:11px;padding:10px}.floating-card.bottom{right:0}.profile-head{align-items:flex-start}.profile-head img{width:90px;height:90px}.profile-grid{grid-template-columns:1fr}.doctor-actions{grid-template-columns:1fr}.section-title h2{font-size:31px}.about-visual img{height:390px}.experience{right:5px}}
.brand-logo{width:35px;height:35px;object-fit:contain;display:inline-block;margin-right:7px;border-radius:9px}.profile-reviews{display:grid;gap:9px;margin:10px 0 18px}.review-mini{background:var(--soft);padding:12px;border-radius:12px}.review-mini p{color:var(--muted);font-size:13px;margin:5px 0 0}.scroll-reveal{opacity:0;transform:translateY(38px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.scroll-reveal.revealed{opacity:1;transform:none}.doctor-card{border-top:3px solid transparent}.doctor-card:hover{border-top-color:#0ea5b7}.hero-visual:before{content:'';position:absolute;inset:3% -2% 8% 8%;background:linear-gradient(135deg,#0ea5b7,#2563eb);border-radius:50px 50px 150px 50px;transform:rotate(3deg);opacity:.16}.hero-visual>img{position:relative}.filter-panel{background:linear-gradient(135deg,var(--surface),var(--soft))}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}}
/* Tailwind + Bootstrap compatibility: keep navigation and admin access visible */
.navbar .navbar-collapse.collapse{visibility:visible!important}
@media(max-width:991.98px){.navbar .navbar-collapse.collapse:not(.show){display:none!important}.navbar .navbar-collapse.collapse.show{display:block!important;visibility:visible!important}}
@media(min-width:992px){.navbar .navbar-collapse.collapse{display:flex!important;visibility:visible!important}}
/* Tailwind-only build: local component layer (no Bootstrap framework) */
.container{width:100%;max-width:1140px;margin-inline:auto;padding-inline:16px}.row{display:flex;flex-wrap:wrap;margin-inline:-12px}.row>*{padding-inline:12px;width:100%}.g-2{row-gap:.5rem}.g-3{row-gap:1rem}.g-4{row-gap:1.5rem}.g-5{row-gap:3rem}.d-flex{display:flex}.d-grid{display:grid}.d-none{display:none!important}.d-block{display:block}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.text-center{text-align:center}.text-start{text-align:left}.w-100{width:100%}.h-100{height:100%}.position-fixed{position:fixed}.bottom-0{bottom:0}.end-0{right:0}.p-3{padding:1rem}.p-5{padding:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.me-1{margin-right:.25rem}.me-2{margin-right:.5rem}.ms-1{margin-left:.25rem}.ms-2{margin-left:.5rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.small,small{font-size:.875rem}.lead{font-size:1.15rem}.fw-bold{font-weight:700}.text-secondary{color:var(--muted)!important}.text-primary{color:var(--primary)!important}.text-danger{color:#dc2626}.text-success{color:#16a34a}.text-warning{color:#f59e0b}.bg-light{background:var(--soft)}.border{border:1px solid var(--border)}.border-bottom{border-bottom:1px solid var(--border)}.rounded{border-radius:.5rem}.rounded-3{border-radius:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.65rem 1rem;border:1px solid transparent;border-radius:10px;text-decoration:none;cursor:pointer;transition:.2s;line-height:1.2}.btn:hover{filter:brightness(.96);transform:translateY(-1px)}.btn-lg{padding:.85rem 1.25rem;font-size:1.05rem}.btn-sm{padding:.45rem .7rem;font-size:.83rem}.btn-light{background:var(--surface);color:var(--ink);border-color:var(--border)}.btn-outline-primary{color:var(--primary);border-color:var(--primary);background:transparent}.btn-outline-primary:hover{background:var(--primary);color:#fff}.btn-outline-danger{color:#dc2626;border-color:#dc2626;background:transparent}.btn-outline-secondary{color:var(--muted);border-color:var(--border);background:var(--surface)}.form-label{display:block;font-weight:650;margin-bottom:.4rem}.form-control,.form-select{display:block;width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);outline:none}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb22}.input-group{display:flex;width:100%}.input-group>*{border-radius:0}.input-group>:first-child{border-radius:10px 0 0 10px}.input-group>:last-child{border-radius:0 10px 10px 0}.input-group .form-control{flex:1;min-width:0}.input-group-text{display:flex;align-items:center;border:1px solid var(--border);border-right:0;background:var(--surface)}.navbar-expand-lg .navbar-collapse{flex-basis:100%;align-items:center}.navbar-nav{display:flex;list-style:none;padding:0;margin:0}.navbar-toggler{border:1px solid var(--border);border-radius:9px;padding:8px 10px;background:var(--surface)}.navbar-toggler-icon{display:block;width:22px;height:16px;background:linear-gradient(var(--ink),var(--ink)) top/100% 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/100% 2px no-repeat,linear-gradient(var(--ink),var(--ink)) bottom/100% 2px no-repeat}.modal{position:fixed;inset:0;z-index:2000;display:none;overflow:auto;background:#07111f99;padding:18px}.modal.show{display:block}.modal-dialog{width:min(100%,700px);margin:4vh auto}.modal-lg{width:min(100%,900px)}.modal-xl{width:min(100%,1140px)}.modal-dialog-centered{min-height:90vh;display:flex;align-items:center}.modal-dialog-scrollable .modal-content{max-height:90vh}.modal-dialog-scrollable .modal-body{overflow:auto}.modal-content{width:100%;background:var(--surface);box-shadow:0 30px 100px #0005}.modal-header,.modal-footer{display:flex;align-items:center;padding:1rem 1.25rem}.modal-header{justify-content:space-between;border-bottom:1px solid var(--border)}.modal-footer{justify-content:flex-end;gap:.5rem;border-top:1px solid var(--border)}.modal-body{padding:1.25rem}.modal-title{font-weight:750}.btn-close{width:30px;height:30px;border:0;background:transparent;position:relative;cursor:pointer}.btn-close:after{content:'×';position:absolute;inset:0;font-size:28px;line-height:28px;color:var(--ink)}.modal-open{overflow:hidden}.toast-container{z-index:2100}.toast{display:none;min-width:300px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.toast.show{display:block;animation:toastIn .25s ease}.toast-header{display:flex;align-items:center;padding:.65rem .85rem;border-bottom:1px solid var(--border)}.toast-header .me-auto{margin-right:auto}.toast-body{padding:.85rem}@keyframes toastIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(min-width:576px){.col-sm-6{width:50%}}@media(min-width:768px){.col-md-3{width:25%}.col-md-4{width:33.333%}.col-md-5{width:41.667%}.col-md-6{width:50%}.col-md-9{width:75%}}@media(min-width:992px){.col-lg-2{width:16.667%}.col-lg-3{width:25%}.col-lg-5{width:41.667%}.col-lg-6{width:50%}.col-lg-7{width:58.333%}.navbar-expand-lg{display:flex}.navbar-expand-lg .container{display:flex;align-items:center}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .navbar-collapse{display:flex!important;visibility:visible!important}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .collapse{display:flex!important}}@media(min-width:1200px){.col-xl-4{width:33.333%}}@media(max-width:991px){.navbar .container{display:flex;align-items:center;flex-wrap:wrap}.navbar-collapse{display:none;width:100%;padding-top:14px}.navbar-collapse.show{display:block!important;visibility:visible!important}.navbar-nav{flex-direction:column}.d-lg-none{display:flex!important}}@media(min-width:992px){.d-lg-none{display:none!important}}