@font-face { font-family: 'Barlow'; font-weight: 400; font-display: swap; src: url('fonts/barlow-400.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-weight: 600; font-display: swap; src: url('fonts/barlow-600.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-weight: 700; font-display: swap; src: url('fonts/barlow-condensed-700.woff2') format('woff2'); }
:root { color-scheme: dark; --bg: #090A0D; --text: #EEF1F6; --text-2: #A7AFBC; --line: rgba(255,255,255,.1); --band: #8FA8FF; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 400 16px/1.6 Barlow, system-ui, sans-serif; -webkit-text-size-adjust: 100%; }
main { max-width: 720px; margin: 0 auto; padding: max(28px, env(safe-area-inset-top)) 16px 64px; }
.brand { font: 700 15px 'Barlow Condensed', sans-serif; letter-spacing: .2em; color: var(--band); margin: 0 0 8px; }
h1 { font: 700 40px/1.05 'Barlow Condensed', sans-serif; margin: 0 0 6px; }
h2 { font: 700 24px/1.15 'Barlow Condensed', sans-serif; margin: 36px 0 8px; }
.meta { color: var(--text-2); margin: 0 0 24px; }
.short { border: 1px solid var(--line); border-radius: 16px; padding: 4px 18px 8px; background: rgba(143,168,255,.06); }
.short h2 { margin-top: 16px; }
a { color: var(--band); }
li { margin: 6px 0; }
b { font-weight: 600; }
table { width: 100%; border-collapse: collapse; font-size: 15px; display: block; overflow-x: auto; }
th, td { text-align: left; vertical-align: top; padding: 10px 8px; border-bottom: 1px solid var(--line); min-width: 140px; }
th { color: var(--text-2); font-weight: 600; }
.contact { margin-top: 40px; border: 1px solid var(--line); border-radius: 16px; padding: 4px 18px 18px; }
.contact form { display: grid; gap: 14px; }
.contact label { display: grid; gap: 6px; font-weight: 600; }
.contact .opt { color: var(--text-2); font-weight: 400; }
.contact select, .contact textarea, .contact input { font: inherit; color: var(--text); background: #12141a; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; padding: 12px 14px; min-height: 48px; width: 100%; }
.contact textarea { resize: vertical; }
.contact select:focus-visible, .contact textarea:focus-visible, .contact input:focus-visible, .contact button:focus-visible { outline: 2px solid var(--band); outline-offset: 2px; }
.contact button { font: 600 16px Barlow, sans-serif; min-height: 50px; border: 0; border-radius: 14px; background: #F4F5F7; color: #0B0D11; cursor: pointer; }
.contact button:disabled { opacity: .5; }
.contact .out { color: var(--text-2); margin: 0; min-height: 1.5em; }