/* File: style.css · Path: services/invest/web/style.css · LastUpdated: 1405-08-19 · Author: AI Coding Assistant · Notes: responsive RTL */
:root{color-scheme:dark;--bg:#0c1720;--panel:#132631;--ink:#edf4f3;--muted:#afc2c7;--line:#2b4752;--gold:#e6ca89;--mint:#99e0c3;--red:#ffbaa9}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.85 Tahoma,Arial,sans-serif}
main,.top,footer{max-width:1220px;margin:auto;padding-inline:28px}
.top{height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.top-end,.actions,.row,.tags{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.brand{color:var(--ink);text-decoration:none;font-size:21px;display:flex;align-items:center;gap:10px;line-height:1.25}
.brand b,.eyebrow{color:var(--gold)}
.brand small{display:block;color:var(--muted);font:10px/1.4 system-ui;letter-spacing:1.5px;text-align:right;margin-top:4px}
.mark{color:var(--gold);border:1px solid #627368;border-radius:11px;padding:4px 8px}
.hero,.cover{padding:34px;border:1px solid var(--line);border-radius:19px;background:radial-gradient(ellipse at 15% 15%,#285d59,transparent 57%),linear-gradient(115deg,#0e2a36,#133441)}
.hero h1,.cover h1{font-size:clamp(24px,4vw,41px);margin:6px 0}
.hero p,.cover p{margin:4px 0 12px;color:#d2e3e3}
.gate{display:grid;grid-template-columns:1.3fr 1fr;gap:17px;margin-top:42px}
.gate .cover{display:flex;flex-direction:column;justify-content:center;min-height:320px}
nav{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0;border-bottom:1px solid var(--line);padding-bottom:12px}
button,input,select,textarea{font:inherit}
button{background:var(--gold);color:#13232b;border:1px solid transparent;font-weight:bold;border-radius:8px;min-height:40px;padding:4px 14px;cursor:pointer}
button:disabled{opacity:.5;cursor:wait}
button.secondary,nav button{background:#152a35;color:var(--ink);border-color:var(--line)}
nav button[aria-current="page"]{color:var(--gold);border-color:#ab9862}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
h2,h3,p{margin-top:0}
h2{font-size:22px;margin-bottom:8px}
h3{font-size:17px;margin-bottom:7px}
.muted,small{color:var(--muted)}
.flag,.tag{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:1px 10px;font-size:12px;color:var(--mint);background:#10252d}
.tag.warn{color:var(--gold)}
.tag.bad{color:var(--red)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:16px}
.stack{display:grid;gap:12px;margin-block:12px}
label{display:block;color:var(--muted);margin-bottom:9px}
label.inline{display:flex;align-items:center;gap:7px}
input:not([type=checkbox]),select,textarea{width:100%;background:#0d1b23;color:var(--ink);border:1px solid #42616b;padding:7px 9px;border-radius:7px;min-height:40px;display:block}
textarea{min-height:78px}
input[type=checkbox]{accent-color:var(--gold);width:18px;height:18px}
fieldset{border:1px solid var(--line);border-radius:10px;margin:0 0 12px}
legend{color:var(--gold)}
.filters{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;align-items:end;gap:9px}
.filters label{margin:0}
dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin:10px 0}
dt{color:var(--muted)}
dd{margin:0}
a{color:var(--mint)}
ul{margin:4px 0 9px;padding-inline-start:21px}
p#message{position:sticky;bottom:12px;background:#e6ca89;color:#11202a;border-radius:8px;padding:8px 12px;margin:15px 0;z-index:1}
p#message.error{background:#ffbaa9}
footer{padding-block:26px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:8px}
@media(max-width:680px){main,.top,footer{padding-inline:14px}.gate{grid-template-columns:1fr;margin-top:10px}.hero,.cover{padding:21px}.gate .cover{min-height:auto}.filters{grid-template-columns:1fr 1fr}.top{height:62px}}