*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;border-bottom:14px solid #002554;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#f6f1ea;color:#002554;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:1.0625rem;line-height:1.5;overflow-x:hidden}
main{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 20px}
.card{width:100%;max-width:520px;text-align:center;background:#fff;border-radius:18px;border-top:4px solid #8a5a35;box-shadow:0 6px 30px rgba(0,37,84,.10);padding:32px 22px 36px}
.logo{display:block;width:100%;max-width:280px;height:auto;margin:0 auto 8px}
h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tag{margin:12px 0 0;font-size:1.25rem;font-weight:700;color:#002554}
.area{margin:10px 0 0;font-size:1.125rem;font-weight:700;color:#002554;letter-spacing:.01em}
.soon{margin:22px 0 24px;padding-top:22px;border-top:2px solid #e3dcd2;font-size:1.625rem;line-height:1.3;font-weight:800;color:#002554}
.mail{display:inline-flex;align-items:center;justify-content:center;min-height:52px;max-width:100%;padding:12px 22px;border-radius:999px;background:#0047AB;color:#fff;font-weight:700;font-size:1.0625rem;text-decoration:none;overflow-wrap:anywhere}
.mail:hover{background:#003A8C}
.mail:focus-visible{outline:3px solid #002554;outline-offset:3px}
@media (min-width:768px){.card{padding:44px 48px 48px}.logo{max-width:320px}.soon{font-size:1.75rem}}