@font-face { font-family:Anton; font-style:normal; font-weight:400; font-display:swap; src:url('/assets/anton.woff') format('woff'); }
* { box-sizing:border-box; }
body { margin:0; font-family:Arial,sans-serif; background:#0C1724; color:#F7F4EB; line-height:1.5; }
button, input, select, textarea { font:inherit; }
button { cursor:pointer; }
button:disabled { cursor:wait; opacity:.6; }
.hidden, [hidden] { display:none!important; }
.display { font-family:Anton,Arial,sans-serif; font-weight:400; text-transform:uppercase; }
.field { display:flex; flex-direction:column; gap:8px; min-width:0; }
.field input, .field select, .field textarea { box-sizing:border-box; width:100%; min-height:46px; padding:12px; border:1px solid #75858C; border-radius:5px; background:#0C1724; color:#F7F4EB; font-size:16px; }
.field textarea { min-height:110px; }
.btn { display:inline-flex; justify-content:center; align-items:center; min-height:46px; padding:12px 18px; border:1px solid transparent; border-radius:4px; font-weight:700; text-decoration:none; text-align:center; }
.btn-block { width:100%; }
.btn-dark, .btn-accent { background:#00D8D4; color:#0C1724; }
.btn-outline { background:transparent; color:#F7F4EB; border-color:#75858C; }
.two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.small { font-size:14px; }
.muted { color:#B9C4C8; }
.error { color:#E6FF00; }
.saving { opacity:.65; pointer-events:none; }
.connection-status { max-width:900px; margin:16px auto; padding:16px 20px; color:#F7F4EB; background:#202428; border-left:4px solid #FFE600; }
.connection-status p { margin:0 0 10px; }
.connection-status:empty { display:none; }
.loading-shell { max-width:900px; margin:50px auto; padding:20px; }
.loading-shell h1 { font:400 42px/1.1 Anton,Arial,sans-serif; text-transform:uppercase; }
.loading-shell a { color:#00D8D4; }
:focus-visible { outline:2px solid #E6FF00; outline-offset:3px; }
@media(max-width:520px) { .two { grid-template-columns:1fr; } }