:root{--blue:#345e77;--dark:#233f50;--light:#f1f6f8}*{box-sizing:border-box}body{margin:0;color:var(--dark);background:#f8fafb;font:16px/1.55 Arial,sans-serif}.test{text-align:center;background:#fff2cf;padding:9px;font-size:13px;color:#6e5112}header{display:flex;align-items:center;justify-content:space-between;padding:20px max(6vw,20px);background:white;border-bottom:1px solid #e3eaee}.brand{display:flex;align-items:center;gap:14px;color:var(--dark);text-decoration:none}.brand img{width:50px;height:50px;object-fit:contain}.brand span{font-size:18px}.brand b{display:block;line-height:1.1;font-size:25px}nav{display:flex;gap:28px}nav a{color:var(--dark);text-decoration:none}.hero{background:var(--dark);color:white;padding:60px max(8vw,24px);border-radius:0 0 32px 32px}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-1.7px;margin:15px 0 22px}.hero p{color:#d7e6ed;font-size:19px}.hero span,.panel>span,.intro>span,.welcome span{font-size:12px;letter-spacing:1.8px;font-weight:bold}.steps{margin-top:35px;font-size:13px;color:#d0e2ec}.panel{max-width:1080px;margin:28px auto;padding:36px;background:white;border:1px solid #e0e8ec;border-radius:20px;box-shadow:0 10px 30px #24405207}.panel h2{font-size:29px;letter-spacing:-.6px;margin:6px 0 14px}.panel h3{margin-top:0}#access{display:grid;grid-template-columns:1fr 1.25fr;gap:65px}.intro p{color:#617581}.forms details{margin-top:26px;padding-top:22px;border-top:1px solid #e0e8ec}summary{cursor:pointer;font-weight:bold;color:var(--blue)}form{margin-top:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;font-weight:600;margin-bottom:15px}input,select{width:100%;padding:13px;margin-top:7px;border:1px solid #c7d5dd;border-radius:9px;background:white;color:var(--dark);font:inherit}input:focus,select:focus{outline:2px solid #64b7d4;outline-offset:2px}.wide{grid-column:1/-1}button{border:0;border-radius:10px;background:var(--blue);color:white;font:600 15px Arial;padding:15px 22px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.outline,.slot{background:white;color:var(--blue);border:1px solid #a9c1cd}.welcome{display:flex;justify-content:space-between;align-items:center}.check{display:flex;gap:10px;align-items:center}.check input{width:auto}.slots{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.appointment{padding:20px 0;border-top:1px solid #e2e9ed}.appointment p{margin:4px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}#message{max-width:1080px;margin:14px auto;color:#a13b24;font-weight:bold}#review{border-radius:12px;background:var(--light);padding:22px}.foot{text-align:center;padding:45px 20px;color:var(--blue)}footer{padding:24px;text-align:center;background:var(--dark);color:#d8e5ec;font-size:13px}[hidden]{display:none!important}@media(max-width:760px){nav{gap:15px;font-size:13px}.brand span{display:none}.panel{margin:20px 15px;padding:24px}#access{grid-template-columns:1fr;gap:16px}.grid{grid-template-columns:1fr}.hero{padding:40px 24px}.steps{font-size:11px}#message{margin:14px 20px}}

.slots{display:block}.range-label{color:#617581}.day-slots{border-top:1px solid #e2e9ed;padding:20px 0}.day-slots h3{font-size:17px;text-transform:capitalize;margin:0 0 13px}.day-slots>div{display:flex;flex-wrap:wrap;gap:10px}

.appointment-guidance{margin:16px 0;padding:14px 16px;background:#f1f7fb;border-left:3px solid #1873a4;border-radius:8px;color:#254b61}.appointment-guidance h3{margin:0 0 8px;font-size:1rem}.appointment-guidance p{margin:8px 0;line-height:1.5}