*{box-sizing:border-box}body{color:#29433b;background:#fbf8f0;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app{background:#fbf8f0;min-height:100vh}.nav,.top{background:#fffdf9;border-bottom:1px solid #e8e2d7;align-items:center;gap:22px;height:72px;padding:0 max(18px,50% - 590px);display:flex}.nav{justify-content:space-between}.brand{font-size:21px;font-weight:900}.brand b{background:#f3c3d2;border-radius:12px;justify-content:center;align-items:center;width:35px;height:35px;margin-right:8px;display:inline-flex}.nav nav{color:#6f7d77;gap:28px;display:flex}.nav button,.top button{color:#64746d;background:#fff;border:1px solid #e5e0d6;border-radius:12px;padding:10px 13px}.top{z-index:5;padding:0 20px;position:sticky;top:0}.top>button:first-child{background:0 0;border:0;font-size:25px}.top>div{flex-direction:column;flex:1;display:flex}.top span{color:#788780;margin-top:2px;font-size:12px}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;max-width:1180px;margin:auto;padding:76px 24px;display:grid}.hero>div>small,.section>small,.intro>span{letter-spacing:1.7px;color:#92785a;font-size:11px;font-weight:900}.hero h1{letter-spacing:-2px;margin:15px 0;font-size:58px;line-height:1.02}.hero em{color:#a87531;font-style:normal}.hero p{color:#788780;max-width:650px;font-size:18px;line-height:1.6}.search{background:#fff;border:1px solid #e6e2d8;border-radius:18px;align-items:center;max-width:620px;height:58px;padding:0 17px;font-size:24px;display:flex}.search input{background:0 0;border:0;outline:0;flex:1;padding:0 12px}.heroArt{background:linear-gradient(145deg,#b9e6d1,#f8dfa0);border-radius:38px;justify-content:center;align-items:center;min-height:330px;display:flex}.heroArt>div{background:#fffdf8;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:245px;height:275px;display:flex;transform:rotate(-4deg);box-shadow:0 25px 50px #5a514233}.heroArt small{color:#9b8b72;letter-spacing:1.5px;font-weight:900}.heroArt strong{color:#d49b36;font-size:100px;line-height:1}.heroArt span{color:#788780}.section{max-width:1180px;margin:auto;padding:55px 24px}.section h2{margin:8px 0 25px;font-size:32px}.categories,.steps,.cards{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.categories button{text-align:left;background:#fff;border:1px solid #e6e2d8;border-radius:22px;flex-direction:column;gap:6px;min-height:145px;padding:22px;display:flex}.categories i{font-size:30px;font-style:normal}.categories span,.steps p{color:#788780;font-size:13px}.how{border-top:1px solid #e7e2d7}.steps>div{background:#fff;border:1px solid #e6e2d8;border-radius:20px;padding:24px}.steps b{color:#b17b30}.steps strong{margin-top:14px;display:block}.steps p{line-height:1.5}.narrow{max-width:760px;margin:auto;padding:30px 20px}.intro h1{margin:8px 0;font-size:42px}.intro p{color:#788780}.cards{grid-template-columns:1fr 1fr;margin-top:22px}.card,.formCard,.detail{background:#fff;border:1px solid #e6e2d8;border-radius:22px;padding:20px}.cardtop,.queueHero{align-items:center;gap:13px;display:flex}.cardtop{justify-content:space-between}.card i,.round{background:#e7f5ee;border-radius:15px;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;font-style:normal;display:flex}.card h2{margin:18px 0 5px;font-size:20px}.card p{color:#788780;margin:0}.stats{color:#64746d;justify-content:space-between;margin:20px 0;font-size:12px;display:flex}.live,.closed{border-radius:10px;padding:7px 10px;font-size:10px;font-weight:900;display:inline-block}.live{color:#2f8061;background:#e7f5ee}.closed{color:#88877f;background:#f1eeea}.primary{color:#fff;background:#29433b;border:0;border-radius:14px;width:100%;padding:14px;font-weight:900}.primary:disabled{opacity:.45}.queueHero{background:#b9e6d1;border-radius:25px;padding:20px}.queueHero h1{margin:0;font-size:23px}.queueHero p{color:#48675d;margin:4px 0;font-size:13px}.formCard{margin-top:16px}.formCard h2{margin:0}.muted{color:#788780;font-size:13px;line-height:1.5}.formCard label{margin:18px 0 7px;font-size:12px;font-weight:900;display:block}.formCard input,.formCard textarea{background:#fffdf9;border:1px solid #ddd9d0;border-radius:13px;outline:0;width:100%;padding:13px}.formCard textarea{resize:vertical}.segments{gap:8px;display:flex}.segments button{background:#fffdf9;border:1px solid #ddd9d0;border-radius:12px;flex:1;padding:11px}.segments .on{background:#e7f5ee;border-color:#9dd8bd;font-weight:900}.formCard small{text-align:center;color:#89948e;margin-top:12px;display:block}.error{color:#a34e4b;background:#fff0ef;border-radius:12px;margin:14px 0;padding:11px;font-size:13px}.ticket{text-align:center;background:linear-gradient(145deg,#fff8df,#f8dfa0);border-radius:30px;padding:30px}.ticket>b{letter-spacing:1.5px;color:#8b6a30;font-size:10px}.token{color:#c98f25;text-shadow:0 2px #fff1bd;margin:16px 0 3px;font-size:88px;font-weight:950;line-height:1}.ticket>span{color:#8a806c}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px;display:grid}.metrics div{background:#fffaf0;border-radius:14px;padding:12px}.metrics strong{font-size:19px;display:block}.metrics small{color:#89948e;font-size:10px}.detail{margin-top:16px}.detail h2{margin:0 0 5px}.empty{text-align:center;color:#788780;padding:40px}@media (width<=800px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero h1{font-size:43px}.heroArt{min-height:260px}.categories,.cards,.steps{grid-template-columns:1fr 1fr}}@media (width<=520px){.categories,.cards,.steps{grid-template-columns:1fr}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:38px}.metrics{gap:5px}.metrics div{padding:9px 4px}.metrics strong{font-size:16px}.metrics small{font-size:9px}}.doctorGrid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px;display:grid}.doctorCard{background:#fff;border:1px solid #e6e2d8;border-radius:22px;overflow:hidden}.doctorCard>img{object-fit:cover;width:100%;height:190px}.doctorInfo{padding:17px}.doctorInfo h2{margin:0 0 5px;font-size:18px}.doctorInfo p{color:#788780;margin:4px 0;font-size:12px}.doctorInfo .primary{margin-top:14px}.doctorHero{background:#e7f5ee;border-radius:24px;align-items:center;gap:18px;padding:20px;display:flex}.doctorHero img{object-fit:cover;border-radius:22px;width:90px;height:90px}.doctorHero h1{margin:0 0 5px;font-size:25px}.doctorHero p{color:#60736b;margin:4px 0;font-size:13px}.queueList{margin-top:24px}.queueList>h2{font-size:20px}.queueCard{background:#fff;border:1px solid #e6e2d8;border-radius:18px;grid-template-columns:1fr auto 130px;align-items:center;gap:15px;margin:10px 0;padding:15px;display:grid}.queueCard b{font-size:15px}.queueCard p{color:#788780;margin:4px 0;font-size:12px}.queueCard .primary{width:auto}.queueHero img{object-fit:cover;border-radius:16px;width:55px;height:55px}@media (width<=850px){.doctorGrid{grid-template-columns:1fr 1fr}.queueCard{grid-template-columns:1fr auto}.queueCard .primary{grid-column:1/-1;width:100%}}@media (width<=580px){.doctorGrid{grid-template-columns:1fr}.doctorCard>img{height:220px}.doctorHero img{width:72px;height:72px}.queueCard{grid-template-columns:1fr auto}}