/* Plain, crawlable info pages (About, Methodology, Contact) in the app's colours and fonts. */
body{margin:0;background:#05070b;color:#e2e8f0;font:16px/1.7 Outfit,system-ui,-apple-system,sans-serif}
nav{display:flex;flex-wrap:wrap;gap:8px 20px;padding:16px 24px;border-bottom:1px solid rgba(0,240,255,.2);font:600 14px/1.4 Rajdhani,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
nav a{color:#94a3b8;text-decoration:none}nav a:first-child{color:#00f0ff;font-weight:700;margin-right:auto}
nav a[aria-current=page]{color:#fff}
main{max-width:760px;margin:0 auto;padding:40px 24px 80px}
h1,h2{font-family:Rajdhani,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}
h1{color:#fff;font-size:2.2em;line-height:1.2}h2{color:#00f0ff;margin-top:2em}
a{color:#00f0ff}
li{margin-bottom:.4em}
/* Contact page */
.contact-address{font-size:1.25em;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.contact-address a{font-weight:600}
.hint{color:#94a3b8;font-size:.9em}
.contact-form{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.contact-form label{font:600 13px/1.4 Rajdhani,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1;margin-top:10px}
.contact-form .opt{color:#94a3b8;text-transform:none;letter-spacing:0;font-weight:400}
.contact-form input,.contact-form select,.contact-form textarea{font:inherit;color:#e2e8f0;background:#0b1220;border:1px solid rgba(0,240,255,.25);border-radius:8px;padding:10px 12px;width:100%;box-sizing:border-box}
.contact-form textarea{resize:vertical;min-height:120px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,button:focus-visible{outline:2px solid #00f0ff;outline-offset:2px}
.contact-form .row{display:grid;grid-template-columns:1fr 1fr 110px;gap:0 12px}
.contact-form .row label{display:block}
.contact-form .row[hidden]{display:none}
.contact-form [aria-invalid=true]{border-color:#f87171}
.error{color:#f87171;margin:4px 0 0;font-size:.9em}
button.send,button.copy{font:700 14px/1 Rajdhani,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;border-radius:8px;cursor:pointer}
button.send{margin-top:18px;align-self:flex-start;padding:13px 22px;color:#05070b;background:#00f0ff;border:0}
button.send:hover{background:#5ff6ff}
button.copy{padding:8px 12px;color:#00f0ff;background:transparent;border:1px solid rgba(0,240,255,.4)}
@media (max-width:640px){.contact-form .row{grid-template-columns:1fr}}
h3{font-family:Rajdhani,system-ui,sans-serif;color:#fff;font-size:1.2em;margin:1.6em 0 .4em;letter-spacing:.03em}
table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.95em}
th,td{border-bottom:1px solid rgba(148,163,184,.2);padding:8px 10px;text-align:left;vertical-align:top}
th{font:700 13px/1.4 Rajdhani,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#00f0ff}
td[rowspan]{color:#cbd5e1;font-weight:600}
@media (max-width:640px){table{font-size:.85em}th,td{padding:6px}}