.header{text-align:center;color:#fff}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.topbar-nav{display:flex;align-items:center;gap:.25rem;margin-right:auto}.nav-item{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:8px;color:#ffffffe6;font-weight:500;font-size:.9rem;text-decoration:none;background:none;border:none;cursor:pointer;transition:background .2s ease,color .2s ease;position:relative}.nav-item:hover{background:#ffffff26;color:#fff}.nav-item.active{color:#fff;font-weight:600}.nav-item.active:after{content:"";position:absolute;bottom:2px;left:.85rem;right:.85rem;height:2px;background:#fff;border-radius:2px}.nav-dropdown{position:relative}.nav-dropdown-toggle .nav-chevron{font-size:.65rem;transition:transform .2s ease}.nav-dropdown.open .nav-chevron{transform:rotate(180deg)}.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:#fffffff7;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:100;overflow:hidden;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;color:#1e3a5f;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s ease}.nav-dropdown-item:hover{background:#f0f6ff;color:#1e5799}.nav-dropdown-item i{width:16px;color:#1e5799;font-size:.8rem}.nav-dropdown-group-label{padding:.55rem 1rem .3rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#7a9cc0;pointer-events:none}.nav-dropdown-divider{height:1px;background:#00000012;margin:.35rem 0}.nav-dropdown:last-of-type .nav-dropdown-menu{min-width:240px}.card{background-color:#f5ede0}.card-header{background-color:#c9ddf0;font-weight:600}.accordion-collapse{background-color:#f5ede0}.form-control,.form-select{background-color:#f1f3f6;color:#333;box-shadow:inset 0 1px 2px #00000014;border:1px solid #ccc}.login-btn{margin-top:.35rem;display:inline-flex;align-items:center;gap:.45rem;padding:clamp(.35rem,1.2vw,.6rem) clamp(.5rem,1.6vw,.9rem);border-radius:10px;background:#ffffffe6;color:#1e5799;border:1px solid #cfe0f5;text-decoration:none;font-weight:600;font-size:clamp(.85rem,1.2vw,.95rem);transition:background-color .2s ease,box-shadow .2s ease}.login-btn:hover{background:#f3f8ff;box-shadow:0 4px 12px #1e579926}.clinic-logo{width:clamp(56px,9vw,92px);height:clamp(56px,9vw,92px);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50%;margin:0 auto clamp(.75rem,2vw,1.5rem);display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;animation:pulse 3s ease-in-out infinite;overflow:hidden}.clinic-logo img{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.header h1{font-size:clamp(1.5rem,3.2vw,2.25rem);margin-bottom:clamp(.4rem,1.2vw,.75rem);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header h2{font-size:clamp(1rem,1.8vw,1.25rem);margin:.1rem 0 .4rem;opacity:.95}.header p{font-size:clamp(.95rem,1.6vw,1.1rem);opacity:.95;line-height:1.55}.patient-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:clamp(1rem,2.5vw,2rem);margin-bottom:clamp(1rem,2vw,1.5rem);box-shadow:0 18px 40px #0000001f}.cta-section{text-align:center;padding:clamp(1.25rem,2.5vw,2rem) clamp(1rem,2vw,1.5rem);margin-bottom:clamp(1rem,2vw,1.5rem)}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-size:clamp(1.25rem,2.8vw,2rem);font-weight:700;color:#fff;margin-bottom:clamp(.5rem,1.6vw,.9rem);text-shadow:0 2px 4px rgba(0,0,0,.1)}.cta-subtitle{font-size:clamp(.95rem,1.6vw,1.1rem);color:#ffffffe6;margin-bottom:clamp(1rem,2vw,1.5rem);line-height:1.6}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-cta{padding:clamp(.75rem,1.8vw,1rem) clamp(1rem,2.5vw,1.5rem);border:none;border-radius:14px;font-size:clamp(.95rem,1.4vw,1.05rem);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;cursor:pointer;box-shadow:0 6px 18px #0000001f}.btn-primary-cta{background:linear-gradient(135deg,#4fc3f7,#03a9f4);color:#fff;border:none;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;transition:all .25s ease}.btn-primary-cta:hover{background:linear-gradient(135deg,#29b6f6,#0288d1);transform:translateY(-2px)}.btn-secondary-cta{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary-cta:hover{background:#fff3;transform:translateY(-2px);color:#fff}.appointment-form-section{display:none;animation:fadeInUp .6s ease forwards}.appointment-form-section.show{display:block}.features-row{display:flex;gap:clamp(.4rem,1.5vw,.75rem);justify-content:center;margin-top:clamp(.5rem,1.5vw,1rem);flex-wrap:wrap;margin-bottom:15px}.feature-badge{display:inline-flex;align-items:center;gap:.5rem;padding:clamp(.35rem,1.2vw,.5rem) clamp(.5rem,1.6vw,.75rem);border-radius:999px;background:#ffffffe6;border:1px solid #e5e7eb;color:#1e5799;font-weight:600;font-size:clamp(.85rem,1.2vw,.95rem)}.feature-badge i{color:#207cca}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(.75rem,2vw,1.25rem);margin-top:clamp(1rem,2vw,1.5rem)}.service-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:clamp(1rem,2.5vw,1.5rem);text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.service-icon{font-size:clamp(1.75rem,3vw,2.25rem);color:#1e5799;margin-bottom:.75rem}.service-card h3{color:#1a1a1a;font-size:clamp(1.05rem,1.8vw,1.2rem);font-weight:600;margin-bottom:.4rem}.service-card p{color:#6b7280;font-size:clamp(.9rem,1.4vw,.98rem);line-height:1.5}.admin-link{position:fixed;bottom:20px;right:20px;background:#000000b3;color:#fff;padding:12px 18px;border-radius:25px;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:1000}.admin-link:hover{background:#000000e6;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.cta-buttons{flex-direction:column;align-items:center}.btn-cta{width:100%;max-width:320px}.features-row{gap:.5rem}}.btn-blue{background:linear-gradient(to bottom right,#1e5799,#207cca);color:#fff;font-weight:600}.btn-blue:hover{background:linear-gradient(to top left,#39f,#036);transform:translateY(-1px);box-shadow:0 4px 8px #00000026;color:#fff}
