:root{color-scheme:light;font-family:"Segoe UI",system-ui,sans-serif;color:#202923;background:#f1f3ee;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
main{max-width:472px;min-height:100svh;margin:auto;padding:40px 24px 24px;display:flex;flex-direction:column;justify-content:center}
header{display:flex;align-items:center;justify-content:space-between;padding:28px 28px 20px;background:#fff;border:1px solid #e1e6df;border-bottom:0;border-radius:20px 20px 0 0}
.wordmark{color:#244b40;font-size:38px;font-weight:700;letter-spacing:-2px;line-height:1}
.service-name{color:#657069;font-weight:400;letter-spacing:-1px}
.guest-label{color:#657069;font-size:12px;font-weight:500;letter-spacing:0}
section{padding:10px 28px 28px;background:#fff;border:1px solid #e1e6df;border-top:0;border-radius:0 0 20px 20px;box-shadow:0 12px 48px #203e2e0a,0 1px 3px #203e2e05}
.wifi{display:grid;place-items:center;width:56px;height:56px;margin:4px 0 24px;border:1px solid #dce2dc;border-radius:16px;color:#244b40;background:#f3f5f1}
.wifi svg{width:34px;height:34px;margin-top:-4px}
.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:600;color:#657069;margin:0 0 12px}
h1{font-size:clamp(30px,8vw,38px);line-height:1.13;letter-spacing:-1px;margin:0;font-weight:650}
h1 span{color:#244b40}
.intro{font-size:15px;line-height:1.6;color:#657069;margin:18px 0 26px}
details{width:100%}
summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;border:1px solid #244b40;border-radius:9px;min-height:50px;padding:13px 16px;background:#244b40;color:#fff;font-weight:600;font-size:14px;line-height:1.5}
summary::-webkit-details-marker{display:none}
summary:hover{background:#183a30}
summary:focus-visible,a:focus-visible{outline:3px solid #ad803d;outline-offset:3px}
.instructions{text-align:left;border:1px solid #dce2dc;border-radius:12px;background:#fafbf9;padding:20px;margin-top:14px}
h2{font-size:17px;margin:0 0 16px;line-height:1.4;font-weight:650}
ol{padding-left:20px;margin:0;color:#37453c;font-size:14px;line-height:1.65}
li{padding-left:4px;margin:12px 0}
.instructions p{font-size:12px;line-height:1.6;color:#657069;margin:18px 0}
a{display:block;color:#244b40;font-size:13px;font-weight:600;line-height:1.6;text-underline-offset:4px}
.hint{font-size:12px;color:#657069;line-height:1.6;margin:16px 0 0}
footer{font-size:12px;text-align:center;color:#657069;line-height:1.6;padding:22px 10px 0}
@media(max-width:350px){main{padding:24px 16px}header{padding:24px 20px 18px}section{padding:8px 20px 24px}.instructions{padding:16px}summary{padding:13px 12px;font-size:13px}}