@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700&display=swap";
.medical-clinic{--color-primary:#06c;--color-secondary:#00a67e;--color-accent:#f59e0b;--color-info:#3b82f6;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-bg:#fafbfc;--color-bg-alt:#f0f4f8;--color-bg-card:#fff;--color-bg-dark:#1e3a5f;--color-text:#1a202c;--color-text-muted:#4a5568;--color-text-subtle:#718096;--color-border:#e2e8f0;--font-heading:"Plus Jakarta Sans",sans-serif;--font-body:"Inter",sans-serif;font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;font-size:16px;line-height:1.6}.medical-clinic h1,.medical-clinic h2,.medical-clinic h3,.medical-clinic h4{font-family:var(--font-heading);font-weight:700;line-height:1.3}.medical-clinic .gradient-text{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.medical-clinic .trust-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:24px;transition:all .2s}.medical-clinic .trust-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #0066cc1a}.medical-clinic .service-card{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;border-radius:16px;padding:28px;transition:all .2s}.medical-clinic .service-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0066cc1a}.medical-clinic .service-card:focus{outline:4px solid var(--color-primary);outline-offset:2px}.medical-clinic .doctor-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;transition:all .2s;overflow:hidden}.medical-clinic .doctor-card:hover{box-shadow:0 12px 32px #0066cc1f}.medical-clinic .doctor-card img{object-fit:cover;width:100%;height:240px}.medical-clinic .btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;min-height:48px;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .2s}.medical-clinic .btn-primary:hover{background:#0052a3}.medical-clinic .btn-primary:focus{outline-offset:2px;outline:4px solid #06c6}.medical-clinic .btn-secondary{background:var(--color-bg-card);color:var(--color-primary);border:2px solid var(--color-primary);cursor:pointer;border-radius:12px;min-height:48px;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .2s}.medical-clinic .btn-secondary:hover{background:var(--color-primary);color:#fff}.medical-clinic .btn-secondary:focus{outline-offset:2px;outline:4px solid #06c6}.medical-clinic .btn-emergency{background:var(--color-error);color:#fff;cursor:pointer;border:none;border-radius:12px;min-height:48px;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .2s}.medical-clinic .btn-emergency:hover{background:#dc2626}.medical-clinic .navbar-medical{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background:#fffffffa}.medical-clinic .badge{border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:600;display:inline-flex}.medical-clinic .badge-primary{color:var(--color-primary);background:#0066cc1a}.medical-clinic .badge-success{color:var(--color-success);background:#10b9811a}.medical-clinic .stat-number{font-family:var(--font-heading);color:var(--color-primary);font-size:2.5rem;font-weight:700;line-height:1}.medical-clinic .form-input{border:2px solid var(--color-border);width:100%;font-family:var(--font-body);background:var(--color-bg-card);border-radius:12px;min-height:48px;padding:16px 18px;font-size:1rem;transition:all .2s}.medical-clinic .form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #0066cc26}.medical-clinic .form-label{color:var(--color-text);margin-bottom:8px;font-size:.9375rem;font-weight:600;display:block}.medical-clinic .trust-badge-row{background:var(--color-bg-alt);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.medical-clinic .portal-preview{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0066cc1a}.medical-clinic .skip-link{background:var(--color-primary);color:#fff;z-index:100;padding:8px 16px;transition:top .2s;position:absolute;top:-40px;left:0}.medical-clinic .skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){.medical-clinic .trust-card,.medical-clinic .service-card,.medical-clinic .doctor-card,.medical-clinic .btn-primary,.medical-clinic .btn-secondary,.medical-clinic .btn-emergency{transition:none}}@media (prefers-contrast:high){.medical-clinic{--color-border:#000}.medical-clinic .btn-primary,.medical-clinic .btn-secondary{border:2px solid}}