*{box-sizing:border-box}body{margin:0;background:#dce7ee;color:#203b4d;font:15px/1.5 'Segoe UI',sans-serif}header{min-height:70px;padding:14px 22px;background:#f6faff;display:flex;align-items:center;gap:20px;justify-content:space-between}nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}button{font:inherit;padding:10px 17px;min-height:44px;border:1px solid #b3ccd9;background:#fff;color:#203b4d;border-radius:8px;cursor:pointer}button[aria-pressed=true]{background:#236d94;color:white}a{color:#236d94;text-underline-offset:3px;margin-left:10px}main{padding:18px;height:calc(100dvh - 116px);display:flex;justify-content:center;align-items:flex-start;overflow:auto}iframe{border:0;width:100%;height:100%;background:#eaf1f5;border-radius:12px;box-shadow:0 8px 30px #0000001c}body.phone iframe{width:390px;min-width:390px;height:844px;max-height:none;border-radius:22px}footer{padding:10px 22px;font-size:13px;color:#486779}:focus-visible{outline:3px solid #8f3b61;outline-offset:3px}@media(max-width:650px){header{align-items:flex-start;flex-direction:column;gap:9px}main{padding:8px;height:calc(100dvh - 190px)}body.phone iframe{min-width:0;width:390px;max-width:100%}footer{padding:9px 15px}}