:root {
  --mc-wine: #8F0710;
  --mc-red: #B51D27;
  --mc-off: #F7F3F2;
  --mc-light: #E8E6E5;
  --mc-graphite: #2E3033;
  --white: #ffffff;
  --shadow: 0 18px 45px rgba(46,48,51,.10);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--mc-graphite);background:var(--mc-off)}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:auto}
header{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid #eee}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}
.brand img{height:56px;display:block;max-width:300px;object-fit:contain;object-position:left}
.menu{display:flex;gap:22px;align-items:center;font-size:14px}.menu a:hover{color:var(--mc-wine)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:13px 20px;background:var(--mc-wine);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(143,7,16,.18)}
.btn.secondary{background:#fff;color:var(--mc-wine);border:1px solid rgba(143,7,16,.18);box-shadow:none}
.hero{padding:72px 0 52px;background:linear-gradient(135deg,#fff 0%,#fff 58%,#f3e9e8 100%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:44px}
.eyebrow{color:var(--mc-red);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
h1{font-size:clamp(42px,6vw,76px);line-height:.98;margin:14px 0 20px;color:var(--mc-wine);max-width:760px}
.lead{font-size:19px;line-height:1.65;color:#5c5f64;max-width:700px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.doctor-card{background:#fff;border-radius:28px;padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.doctor-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:var(--mc-red);opacity:.08;right:-70px;top:-70px}
.doctor-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:22px;background:#f2f2f2}
.doctor-meta{padding:16px 6px 4px}.doctor-meta strong{display:block;font-size:22px}.doctor-meta span{color:#74777c}
.section{padding:72px 0}.section.white{background:#fff}.section h2{font-size:34px;margin:0 0 10px;color:var(--mc-graphite)}.section p.intro{max-width:760px;color:#70747a;line-height:1.6}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.card{background:#fff;border:1px solid #eee;border-radius:18px;padding:20px;box-shadow:0 10px 24px rgba(46,48,51,.05)}.card .icon{font-size:28px;color:var(--mc-red)}.card h3{margin:10px 0 6px}.card p{margin:0;color:#777;line-height:1.5;font-size:14px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.service{background:var(--mc-off);padding:18px;border-radius:14px;border-left:4px solid var(--mc-red);font-weight:650}
.dashboard{min-height:100vh;background:#f6f6f6}.topbar{background:#fff;border-bottom:1px solid #e8e8e8;padding:14px 0}.topbar .container{display:flex;justify-content:space-between;align-items:center}.mini-brand{display:flex;align-items:center;gap:10px}.mini-brand img{height:42px;width:150px;object-fit:contain;object-position:left}
.dashboard-main{padding:34px 0}.welcome{background:linear-gradient(135deg,var(--mc-wine),var(--mc-red));color:#fff;border-radius:22px;padding:28px}.welcome h1{color:#fff;font-size:34px;margin:0 0 8px}.welcome p{margin:0;opacity:.88}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.tile{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 20px rgba(0,0,0,.04);min-height:130px}.tile b{display:block;font-size:32px;color:var(--mc-wine);margin-top:18px}.tile small{color:#777}
.panel{margin-top:20px;background:#fff;border-radius:18px;padding:22px}.row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #eee}.row:last-child{border-bottom:0}.tag{padding:6px 10px;border-radius:999px;background:#f8e7e8;color:var(--mc-wine);font-size:12px;font-weight:700}
footer{padding:34px 0;background:#202226;color:#ddd;font-size:14px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.cards,.dashboard-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.menu{display:none}}
@media(max-width:560px){.brand img{height:48px;max-width:220px}.hero{padding-top:42px}.cards,.dashboard-grid,.service-grid{grid-template-columns:1fr}.actions{flex-direction:column}.btn{width:100%}.section{padding:54px 0}}
