:root{--ink:#273b49;--muted:#6f808b;--blue:#557c90;--deep:#2e5265;--pink:#ef8ac4;--soft:#fde8f4;--line:#dce5e9;--bg:#f6f8f9}
*{box-sizing:border-box}body{margin:0;font-family:system-ui;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.wrap{width:min(1100px,calc(100% - 32px));margin:auto}.nav{height:78px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center}.navin{display:flex;justify-content:space-between;align-items:center;width:100%}.btn{border:1px solid var(--line);background:white;border-radius:999px;padding:11px 18px;font-weight:800;cursor:pointer}.primary{background:var(--pink);color:white;border:0}.hero{padding:80px 0;background:linear-gradient(135deg,#fff,var(--soft))}.grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}h1{font-size:clamp(3rem,7vw,5.5rem);line-height:.95;margin:12px 0}h1 span{color:var(--pink)}.lead{color:var(--muted);font-size:1.1rem;line-height:1.6}.card{background:white;border:1px solid var(--line);border-radius:22px;padding:24px}.section{padding:60px 0}.form{max-width:470px;margin:60px auto}.field{display:grid;gap:7px;margin:13px 0}.field input,.field select,.field textarea{padding:12px;border:1px solid var(--line);border-radius:12px}.dash{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:linear-gradient(var(--deep),var(--blue));padding:24px;color:white}.side button{display:block;width:100%;text-align:left;margin:8px 0;background:transparent;border:0;color:white;padding:12px;border-radius:10px}.side button:hover{background:var(--pink)}.main{padding:30px}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.slot{padding:14px;border:1px solid var(--line);background:white;border-radius:10px}.selected{background:var(--soft);border-color:var(--pink)}.msg{padding:12px;background:#e5f6ec;border-radius:10px;margin:12px 0}@media(max-width:800px){.grid,.dash,.slots{grid-template-columns:1fr}.side{display:none}}