@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";
.telemedicine{--color-primary:#4f8cff;--color-secondary:#00c9a7;--color-accent:#ff6b9d;--color-purple:#8b5cf6;--color-orange:#ff9f43;--color-cyan:#00d4ff;--color-bg:#f8fafc;--color-bg-alt:#eef4ff;--color-bg-card:#fff;--color-bg-dark:#1a365d;--color-text:#1e293b;--color-text-muted:#64748b;--color-text-subtle:#94a3b8;--color-border:#e2e8f0;--font-heading:"DM 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}.telemedicine h1,.telemedicine h2,.telemedicine h3,.telemedicine h4{font-family:var(--font-heading);font-weight:700}.telemedicine .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}.telemedicine .soft-card{background:var(--color-bg-card);border-radius:24px;transition:all .3s;box-shadow:8px 8px 20px #94a3b826,-8px -8px 20px #fffc}.telemedicine .soft-card:hover{box-shadow:12px 12px 30px #94a3b833,-12px -12px 30px #ffffffe6}.telemedicine .feature-card{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;border-radius:20px;padding:28px;transition:all .3s}.telemedicine .feature-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 40px #4f8cff26}.telemedicine .doctor-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;transition:all .3s;overflow:hidden}.telemedicine .doctor-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #4f8cff26}.telemedicine .doctor-card img{object-fit:cover;width:100%;height:200px}.telemedicine .btn-primary{background:linear-gradient(135deg,var(--color-primary)0%,#6ba3ff 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 28px;font-weight:600;transition:all .3s;box-shadow:0 4px 14px #4f8cff4d}.telemedicine .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4f8cff66}.telemedicine .btn-secondary{background:var(--color-bg-card);color:var(--color-primary);border:2px solid var(--color-primary);cursor:pointer;border-radius:14px;padding:14px 28px;font-weight:600;transition:all .3s}.telemedicine .btn-secondary:hover{background:var(--color-primary);color:#fff}.telemedicine .btn-accent{background:linear-gradient(135deg,var(--color-secondary)0%,#00e0b8 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 28px;font-weight:600;transition:all .3s;box-shadow:0 4px 14px #00c9a74d}.telemedicine .btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00c9a766}.telemedicine .navbar-tele{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background:#f8fafcf2}.telemedicine .video-preview{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #4f8cff26}.telemedicine .video-controls{background:var(--color-bg-alt);border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.telemedicine .video-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.telemedicine .badge{border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.telemedicine .badge-primary{color:var(--color-primary);background:#4f8cff1a}.telemedicine .badge-secondary{color:var(--color-secondary);background:#00c9a71a}.telemedicine .stat-number{font-family:var(--font-heading);color:var(--color-primary);font-size:2.5rem;font-weight:700;line-height:1}.telemedicine .app-btn{background:var(--color-text);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px 24px;transition:all .2s;display:flex}.telemedicine .app-btn:hover{background:#000;transform:translateY(-2px)}.telemedicine .tracking-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:20px}.telemedicine .form-input{border:2px solid var(--color-border);width:100%;font-family:var(--font-body);background:var(--color-bg-card);border-radius:14px;padding:14px 18px;font-size:1rem;transition:all .2s}.telemedicine .form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #4f8cff1a}@media (prefers-reduced-motion:reduce){.telemedicine .soft-card,.telemedicine .feature-card,.telemedicine .doctor-card,.telemedicine .btn-primary,.telemedicine .btn-secondary,.telemedicine .btn-accent,.telemedicine .app-btn{transition:none}}