*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#102b55;background:#f3f8fd;margin:0;font-family:Arial,sans-serif}button{cursor:pointer;font:inherit}main{background:#fff;max-width:760px;min-height:100vh;margin:auto;padding-bottom:92px}header{background:#fff;border-bottom:1px solid #e5edf5;justify-content:space-between;align-items:center;height:88px;padding:18px 24px;display:flex}.brand{align-items:center;gap:11px;display:flex}.mark{color:#fff;background:linear-gradient(135deg,#087bed,#19a96d);border-radius:50% 50% 50% 12px;place-items:center;width:47px;height:47px;font-size:27px;display:grid}.brand b{color:#1262ba;font-size:25px}.brand span{color:#268a67;font-size:11px;font-weight:700;display:block}.lang{color:#12549a;background:#fff;border:1px solid #bfd1e4;border-radius:10px;padding:9px 12px;font-weight:800}.hero{color:#fff;background:linear-gradient(135deg,#0878e8,#124fc0);border-radius:28px;margin:18px;padding:32px;box-shadow:0 18px 40px #0a67d329}.eyebrow{letter-spacing:1.5px;color:#159d64;margin:0 0 8px;font-size:11px;font-weight:900}.hero .eyebrow{color:#a9ffd5}.hero h1{margin:8px 0 12px;font-size:38px;line-height:1.05}.hero p{line-height:1.5}.hero button,.queueCard button,.doctors button,.cta{color:#fff;background:#16b86d;border:0;border-radius:14px;padding:13px 17px;font-weight:900}.services{grid-template-columns:repeat(5,1fr);gap:8px;padding:8px 18px 18px;display:grid}.services article{text-align:center;border:1px solid #dbe6f0;border-radius:17px;padding:15px 5px;font-size:23px}.services .primary{background:#effcf6;border-color:#35bd7c}.services b,.services span{margin-top:6px;font-size:11px;display:block}.services span{color:#7b8da0;font-size:9px}.queueCard{background:#effcf6;border:1px solid #bcebd3;border-radius:20px;justify-content:space-between;align-items:center;gap:14px;margin:0 18px 12px;padding:20px;display:flex}.queueCard h2{margin:2px 0;font-size:20px}.queueCard p{color:#65798c;margin:4px 0;font-size:12px}.panel{padding:22px 18px}.sectionHead{justify-content:space-between;align-items:end;display:flex}.panel h2{margin:3px 0 12px;font-size:26px}.live{color:#13a965;font-size:10px;font-weight:900}.doctors article{border-bottom:1px solid #e5edf5;align-items:center;gap:11px;padding:13px 0;display:flex}.avatar{font-size:34px}.docInfo{flex:1}.docInfo b,.docInfo span,.docInfo small{display:block}.docInfo span,.docInfo small{color:#71849a;margin-top:3px}.meter{background:#e6edf3;border-radius:9px;height:5px;margin:8px 0 4px;overflow:hidden}.meter span{background:#16b86d;height:100%;display:block}.doctors button{padding:9px 12px}.hospitals article{border:1px solid #e3ebf2;border-radius:15px;align-items:center;gap:11px;margin:8px 0;padding:13px;display:flex}.hospitalIcon{font-size:28px}.hospitals article div:nth-child(2){flex:1}.hospitals b,.hospitals span{display:block}.hospitals span{color:#71849a;margin-top:4px;font-size:11px}.hospitals strong{color:#159d64;font-size:10px}.flow{padding:30px 22px}.flow h1{margin:8px 0;font-size:32px}.back{color:#1262ba;background:0 0;border:0;padding:0 0 26px;font-weight:800}.statusGrid{grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0;display:grid}.statusGrid article{text-align:center;border:1px solid #dce6ef;border-radius:16px;padding:18px 8px}.statusGrid small,.statusGrid b{display:block}.statusGrid b{color:#1262ba;margin-top:5px;font-size:22px}.notice{background:#eef7ff;border-radius:17px;margin:18px 0;padding:18px}.notice b,.notice span{display:block}.notice span{color:#61768b;margin-top:6px;font-size:12px;line-height:1.5}.payment{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;display:grid}.payment h3{grid-column:1/-1}.pay{color:#405b72;background:#fff;border:1px solid #d7e2eb;border-radius:13px;padding:13px;font-weight:800}.pay.selected{color:#148651;background:#effcf6;border-color:#16b86d}.cta{width:100%;font-size:15px}.ticket{text-align:center}.success{color:#fff;background:#16b86d;border-radius:50%;place-items:center;width:70px;height:70px;margin:20px auto;font-size:36px;display:grid}.ticket h1{color:#1262ba;font-size:70px}.liveTicket{color:#fff;background:#0f5dc4;border-radius:18px;margin:22px 0;padding:22px}.liveTicket span,.liveTicket b,.liveTicket small{display:block}.liveTicket b{margin:7px;font-size:40px}.ticket .notice{text-align:left}nav{z-index:5;background:#fff;border-top:1px solid #dfe8f0;justify-content:space-around;align-items:center;width:min(760px,100%);height:72px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav span{text-align:center;color:#6e8295;cursor:pointer;font-size:19px}nav b{margin-top:4px;font-size:10px;display:block}nav .active{color:#16a66a}@media (max-width:520px){.hero h1{font-size:30px}.services{grid-template-columns:repeat(3,1fr)}.services article:nth-child(4),.services article:nth-child(5){grid-column:span 1}.hero{padding:26px 22px}.statusGrid{grid-template-columns:1fr}.brand b{font-size:22px}}