:root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; background: #0a141f; color: #f6f8fa; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 280px; }
.shell { width: min(100% - 36px, 920px); margin: 0 auto; padding: 60px 0 90px; }
.eyebrow { text-transform: uppercase; letter-spacing: .18em; color: #9ab6c8; font-size: 12px; }
h1 { font-size: clamp(38px, 6vw, 60px); font-weight: 300; margin: 0 0 12px; }
.intro { max-width: 650px; line-height: 1.6; color: #c0cfdb; }
[hidden] { display: none !important; }
.alert, .notice { padding: 16px; margin: 24px 0; border: 1px solid #f2a99d; }
.notice { border-color: #8fbbc7; }
.card { display: grid; gap: 14px; width: min(100%, 460px); margin-top: 28px; padding: 28px; border: 1px solid #536b7b; background: #102231; }
label { font-weight: 600; }
input { min-height: 46px; padding: 10px 12px; border: 1px solid #8299a8; background: #0a141f; color: #f6f8fa; font: inherit; }
.hint { color: #c0cfdb; font-size: 13px; line-height: 1.6; }
button { min-height: 44px; padding: 10px 16px; border: 1px solid #9ac5d1; background: #294a5b; color: #f6f8fa; cursor: pointer; font: inherit; }
button:disabled { opacity: .6; cursor: not-allowed; }
:is(button, input):focus-visible { outline: 3px solid #c7e8ed; outline-offset: 3px; }
.controls { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 28px 0; }
.actions { display: flex; flex-wrap: wrap; gap: 10px; }
.inquiries { list-style: none; display: grid; gap: 20px; padding: 0; }
.inquiry { border: 1px solid #536b7b; padding: clamp(20px, 4vw, 32px); background: #102231; overflow-wrap: anywhere; }
.inquiry-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px; }
.inquiry h2 { font-size: 22px; font-weight: 400; text-transform: capitalize; margin: 0 0 18px; }
.inquiry dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0 0 22px; }
.inquiry dt { color: #c0cfdb; font-size: 12px; margin-bottom: 4px; }
.inquiry dd { margin: 0; white-space: pre-wrap; }
@media (max-width: 620px) { .controls { align-items: flex-start; flex-direction: column; } .inquiry dl { grid-template-columns: 1fr; } }