/* Kusuma Medical Center - Tosca Hospital Theme */
* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  min-height: 100vh;
  background: linear-gradient(180deg, #e0f2f1 0%, #e6f4f1 30%, #b2dfdb 70%, #80cbc4 100%);
  position: relative;
  overflow-x: hidden;
}
.bg-blobs { position: fixed; inset:0; pointer-events:none; overflow:hidden; z-index:0; }
.blob { position:absolute; border-radius:50%; filter: blur(60px); }
.blob-1 { width:380px; height:380px; background: rgba(77,182,172,0.18); top:-80px; left:-10%; }
.blob-2 { width:340px; height:340px; background: rgba(128,203,196,0.3); top:-40px; right:-8%; filter: blur(70px); }
.blob-3 { width:500px; height:500px; background: rgba(178,223,219,0.35); top:40%; left:50%; transform: translateX(-50%); filter: blur(80px); }

.container {
  position: relative; z-index:1;
  max-width: 440px; margin: 0 auto;
  padding: 56px 24px 40px;
  min-height: 100vh;
  display:flex; flex-direction:column;
}
header { text-align:center; }
.logo {
  width:56px; height:56px; margin:0 auto 20px;
  background: white; border:1px solid rgba(178,223,219,0.7);
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  box-shadow: 0 2px 8px rgba(0,105,92,0.08);
}
h1 { font-size:13px; font-weight:700; letter-spacing:0.22em; color:#004d40; }
.tagline { margin-top:6px; font-size:12.5px; font-style:italic; font-weight:300; color:#00695c; letter-spacing:0.02em; }
.contact { margin-top:12px; font-size:11px; color:#00796b; letter-spacing:0.01em; }
.divider { height:1px; background: rgba(178,223,219,0.6); margin:28px 0; }

main { display:flex; flex-direction:column; gap:11px; }
.card {
  display:flex; align-items:center; justify-content:space-between;
  background: white; border:1px solid #e0f2f1; border-radius:12px;
  padding:14.5px 18px; text-decoration:none;
  font-size:14px; font-weight:450; color:#1a3c38;
  box-shadow: 0 1px 3px rgba(0,105,92,0.07), 0 1px 2px rgba(0,105,92,0.05);
  transition: all 0.2s ease;
}
.card:hover {
  border-color: #26a69a;
  box-shadow: 0 8px 20px rgba(0,105,92,0.12), 0 2px 8px rgba(0,121,107,0.08);
  transform: translateY(-1px);
}
.card .arrow { color:#80cbc4; font-size:14px; transition: color 0.2s; }
.card:hover .arrow { color:#00796b; }

footer { margin-top:auto; text-align:center; padding-top:8px; }
footer p { margin-top:16px; font-size:10.5px; color: rgba(0,121,107,0.7); letter-spacing:0.05em; }