/* EzyOPD platform home (ezyopd.in/) – one simple branded screen. */
:root {
  --p-primary: #0b6fb8;
  --p-teal: #14a89d;
  --p-dark: #0d2436;
  --p-muted: #6b7c8c;
}
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body.p-simple {
  display: flex; flex-direction: column; min-height: 100%;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; color: var(--p-dark);
  background:
    radial-gradient(700px 360px at 85% 0%, rgba(20, 168, 157, .16), transparent 60%),
    radial-gradient(700px 360px at 0% 100%, rgba(11, 111, 184, .14), transparent 60%),
    #f6f9fc;
}
.p-center {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 32px 16px;
}
.p-mark {
  width: 76px; height: 76px; border-radius: 22px; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--p-primary), var(--p-teal)); color: #fff;
  box-shadow: 0 16px 36px rgba(11, 111, 184, .28);
}
.p-mark svg { width: 38px; height: 38px; }
.p-brand {
  font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800;
  font-size: clamp(2.4rem, 7vw, 3.6rem); letter-spacing: -.02em; margin: 22px 0 8px;
  background: linear-gradient(90deg, var(--p-primary), var(--p-teal));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.p-lead { margin: 0; max-width: 520px; font-size: 1.1rem; line-height: 1.55; color: var(--p-muted); }
.p-foot { text-align: center; padding: 18px; font-size: .85rem; color: var(--p-muted); }