@font-face { font-family: "Geist"; src: url("/fonts/Geist-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #fff; color: #1f1f1f; font: 15px/1.45 "Geist", system-ui, -apple-system, "Segoe UI", sans-serif; }
main { min-height: 100vh; padding: 16px; border: 1px solid #dadce0; border-radius: 14px; display: grid; gap: 12px; align-content: space-between; }
h1 { margin: 0; font-size: 1.1rem; font-weight: 600; }
form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
label { display: grid; gap: 4px; font-size: .84rem; font-weight: 500; min-width: 0; }
input[type=text], select { width: 100%; height: 42px; padding: 0 10px; border: 1px solid #747775; border-radius: 8px; background: #fff; color: inherit; font: inherit; font-size: 16px; }
input:focus-visible, select:focus-visible, a:focus-visible { outline: 2px solid #0b57d0; outline-offset: 1px; }
.check { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; font-weight: 400; }
.check input { width: 18px; height: 18px; margin: 0; accent-color: #0b57d0; }
dl { margin: 0; display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 8px; }
dl div { padding: 10px; border-radius: 10px; background: #f0f4f9; min-width: 0; }
dl div:first-child { background: #0b57d0; color: #fff; }
dt { font-size: .76rem; }
dd { margin: 2px 0 0; font-size: 1.12rem; font-weight: 600; font-variant-numeric: tabular-nums; }
p { margin: 0; font-size: .78rem; color: #444746; }
a { color: #0b57d0; font-weight: 500; }
@media (max-width: 420px) { main { padding: 12px; gap: 9px; } h1 { font-size: 1rem; } dl { grid-template-columns: 1fr 1fr; } dl div { padding: 7px 10px; } dl div:first-child { grid-column: 1 / -1; } dd { font-size: 1.02rem; } }