:root{--navy:#12394d;--teal:#159b8d;--mint:#eaf7f4;--red:#d94c55;--ink:#173747;--muted:#6e838d;--line:#dfe8eb;--bg:#f4f7f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Tahoma,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}.top{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center}.nav{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:800;color:var(--navy)}.mark{width:42px;height:42px;border-radius:13px;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:22px}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:400}.actions{display:flex;gap:9px;align-items:center}.btn{border:0;border-radius:11px;background:var(--teal);color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}.btn.alt{background:#fff;color:var(--navy);border:1px solid var(--line)}.hero{padding:75px 0 55px;background:radial-gradient(circle at 15% 20%,#dff5ef,transparent 32%),linear-gradient(145deg,#fff,#f2f8f8)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.eyebrow{color:var(--teal);font-size:12px;font-weight:800;letter-spacing:1px}.hero h1{font-size:50px;line-height:1.15;margin:15px 0;color:var(--navy)}.hero p{font-size:18px;line-height:1.8;color:var(--muted);max-width:650px}.hero-buttons{display:flex;gap:10px;margin-top:25px}.card-demo{background:#fff;border-radius:25px;box-shadow:0 25px 70px #17374725;overflow:hidden;transform:rotate(-2deg)}[dir=rtl] .card-demo{transform:rotate(2deg)}.card-head{background:linear-gradient(125deg,#d44750,#a92835);padding:25px;color:#fff;text-align:center}.card-body{padding:24px}.patient{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.avatar{width:52px;height:52px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:bold}.patient h3,.patient p{margin:3px 0}.patient p{font-size:11px;color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.fact{background:#f5f8f9;border-radius:10px;padding:11px}.fact small{display:block;color:var(--muted);font-size:9px}.fact b{font-size:13px}.features,.plans{padding:65px 0}.heading{text-align:center;margin-bottom:32px}.heading h2{font-size:34px;color:var(--navy);margin:8px}.heading p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature,.plan,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.feature i{width:45px;height:45px;border-radius:12px;background:var(--mint);color:var(--teal);display:grid;place-items:center;font-style:normal;font-size:21px}.feature h3{font-size:16px}.feature p{font-size:13px;line-height:1.6;color:var(--muted)}.plans{background:#eef5f5}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:760px;margin:auto}.plan.recommended{border:2px solid var(--teal);position:relative}.tag{position:absolute;top:-13px;inset-inline-end:18px;background:var(--teal);color:#fff;padding:6px 10px;border-radius:15px;font-size:10px}.price{font-size:38px;font-weight:bold;color:var(--navy)}.plan ul{list-style:none;padding:0;display:grid;gap:10px;color:var(--muted);font-size:13px}.plan li:before{content:'✓';color:var(--teal);font-weight:bold;margin-inline-end:8px}.footer{background:var(--navy);color:#dce9ed;padding:28px 0;text-align:center;font-size:12px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#d7f0ec,transparent 40%),var(--bg)}.login-box{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 24px 65px #17374720}.login-box .brand{justify-content:center;margin-bottom:25px}.login-box h1{text-align:center;font-size:22px}.login-box>p{text-align:center;color:var(--muted);font-size:13px}.field{margin:14px 0}.field label{display:block;font-size:12px;font-weight:bold;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit}.alert{border-radius:10px;padding:12px;font-size:13px;margin:12px 0}.alert.error{background:#fff0f0;color:#a3343b}.alert.success{background:var(--mint);color:#087a70}.dash{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.side{background:#fff;border-inline-end:1px solid var(--line);padding:24px 18px}.side .brand{margin-bottom:30px}.side nav{display:grid;gap:7px}.side nav a{padding:12px;border-radius:10px;color:var(--muted);font-weight:bold;font-size:13px}.side nav a.active{background:var(--mint);color:#087a70}.main{padding:30px}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dash-head h1{font-size:24px;margin:0}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.emergency-banner{grid-column:1/-1;background:linear-gradient(120deg,#153d51,#0d7375);color:#fff;border-radius:18px;padding:22px;display:flex;align-items:center;gap:15px}.emergency-banner .btn{margin-inline-start:auto;background:#fff;color:var(--navy)}.panel h3{margin-top:0}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.mobilebar{display:none}.public-card{width:min(520px,calc(100% - 28px));margin:35px auto;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #18374722}.public-card .card-head{padding:32px}.public-card .card-body{padding:25px}.contact-box{border:1px solid var(--line);border-radius:12px;padding:15px;margin-top:15px}.danger{color:var(--red)}@media(max-width:800px){.hero{padding-top:42px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:35px}.card-demo{transform:none!important}.feature-grid{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr}.dash{display:block}.side{display:none}.main{padding:18px 14px 85px}.dash-grid{grid-template-columns:1fr}.emergency-banner{align-items:flex-start;flex-wrap:wrap}.emergency-banner .btn{width:100%;margin:5px 0 0;text-align:center}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);justify-content:space-around;padding:12px;z-index:5}.mobilebar a{font-size:11px;color:var(--muted)}}@media(max-width:500px){.nav .actions .alt{display:none}.hero-buttons{display:grid}.feature-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.hero h1{font-size:31px}}
