:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#07131e;color:#fff;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
.holding{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;padding:clamp(24px,4vw,64px)}
.hero,.shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.hero{object-fit:cover;object-position:50% 55%}
.shade{z-index:-1;background:linear-gradient(180deg,rgba(3,13,23,.64),transparent 39%,rgba(3,13,23,.15) 58%,rgba(3,13,23,.9)),linear-gradient(90deg,rgba(3,13,23,.22),transparent 65%)}
header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.question-link{color:#fff;font-size:14px;text-underline-offset:6px;text-decoration-thickness:1px;padding:12px 0;white-space:nowrap}
.question-link:hover{color:#eab66d}
dialog{position:fixed;border:1px solid #53606b;border-radius:8px;background:#0c1c29;color:#fff;padding:40px;width:min(520px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow:auto;box-shadow:0 30px 100px #0009}
dialog::backdrop{background:#030c16b8;backdrop-filter:blur(5px)}
dialog h2{font-size:32px;font-weight:400;letter-spacing:-1px;margin:0 30px 28px 0}
dialog h2 span{color:#eab66d}
.close-dialog{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#fff;font-size:28px;width:44px;height:44px;cursor:pointer}
form{display:grid;gap:10px}form label{font-size:14px;margin-top:6px}
form input,form textarea{width:100%;border:1px solid #67747f;border-radius:4px;background:#07131e;color:white;font:inherit;font-size:16px;padding:12px;line-height:1.5}
form textarea{resize:vertical;min-height:120px}
:focus-visible{outline:2px solid #eab66d;outline-offset:4px}
.form-note,#form-status{font-size:14px;line-height:1.5;color:#c5cbd0;margin:8px 0}
.send-question{min-height:48px;border:0;border-radius:4px;background:#eab66d;color:#07131e;font:inherit;font-weight:bold;cursor:pointer}
.send-question:disabled{opacity:.5;cursor:not-allowed}
.spam-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:400px){dialog{padding:30px 22px}.question-link{font-size:13px}header{gap:12px}}
.brand{font-size:clamp(28px,3vw,43px);font-weight:750;letter-spacing:-1.8px;line-height:1.1}
.brand>span:first-child{color:#eab66d}

.announcement{margin-top:auto;padding-top:320px;padding-bottom:clamp(38px,7vh,84px)}
.rule{width:48px;height:3px;background:#eab66d;margin-bottom:22px}
h1{font-weight:400;font-size:clamp(48px,6.6vw,104px);letter-spacing:-.055em;line-height:1.04;margin:0;text-wrap:balance}
h1 span{color:#eab66d}
footer{display:flex;align-items:center;gap:16px;color:#c5cbd0;font-size:12px;letter-spacing:.12em}
.footer-line{width:32px;height:1px;background:#8d969d}
@media(max-width:600px){.holding{min-height:100svh;padding:28px 24px}.hero{object-fit:contain;object-position:center 42%}.shade{background:linear-gradient(180deg,rgba(3,13,23,.65),rgba(3,13,23,.03) 35%,rgba(3,13,23,.22) 60%,rgba(3,13,23,.93))}.announcement{padding-top:350px;padding-bottom:44px}h1{font-size:clamp(45px,12vw,70px)}.brand{font-size:31px}}
@media(max-height:560px) and (min-width:601px){.announcement{padding-top:150px;padding-bottom:28px}h1{font-size:60px}}