*{box-sizing:border-box}
html{min-height:100%;background:#f5f8fb}
body{min-height:100vh;min-height:100svh;margin:0;display:flex;flex-direction:column;color:#091c36;background:radial-gradient(ellipse at 50% 40%,#fff 0%,#f5f8fb 72%);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.reserved-preview{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;padding:16px clamp(20px,4vw,64px);border-bottom:1px solid #dfe7ef;background:#fff;color:#53677d;font-size:12px;line-height:1.6}
.reserved-preview a{color:#115fbd;text-decoration:underline;text-underline-offset:4px}
.reserved-preview a span{margin-left:6px}
a:focus-visible{outline:3px solid #ff642e;outline-offset:5px;border-radius:3px}
.reserved-main{flex:1;display:grid;place-items:center;padding:clamp(52px,9vh,100px) 24px 56px}
.reserved-message{width:100%;max-width:720px;text-align:center}
.reserved-symbol{position:relative;display:grid;place-items:center;width:86px;height:86px;margin:0 auto 32px;border:1px solid #d6e5f5;border-radius:28px;background:#ecf4ff;color:#1761dc}
.reserved-symbol__check{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:28px;height:28px;border:4px solid #f8fafc;border-radius:50%;background:#ff642e;color:white;font-size:15px;font-weight:700}
.reserved-domain{margin:0 0 22px;color:#405c78;font-size:clamp(16px,2.2vw,20px);line-height:1.5;letter-spacing:.01em;overflow-wrap:anywhere}
h1{margin:0;font-size:clamp(34px,5.5vw,62px);line-height:1.1;font-weight:700;letter-spacing:-.045em}
.reserved-description{margin:26px 0 0;color:#53677d;font-size:clamp(15px,1.8vw,18px);line-height:1.8}
.reserved-rule{width:40px;height:3px;margin:30px auto 22px;border-radius:3px;background:#ff642e}
.reserved-status{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:#53677d;font-size:12px;line-height:1.6}
.reserved-status>span{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#668647}
.reserved-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 18px;padding:24px;color:#65758a;font-size:12px;line-height:1.5}
.reserved-footer a{display:block}
.reserved-footer img{display:block;max-width:100%;object-fit:contain}
@media(max-width:480px){.reserved-preview{justify-content:center;text-align:center;font-size:11px}.reserved-main{padding:44px 22px 36px}.reserved-symbol{width:72px;height:72px;margin-bottom:24px;border-radius:24px}.reserved-symbol svg{width:40px;height:40px}.reserved-domain{margin-bottom:18px}.reserved-description br{display:none}.reserved-footer{flex-direction:column;gap:10px;padding:20px 22px 28px}}