:root { --radar-ink:#151515; --radar-orange:#ff7808; --radar-sand:#fff5e9; --radar-line:#e8ddd1; }
.radar-page [hidden] { display:none !important; }
.radar-page { margin:0; background:#fffdfa; color:var(--radar-ink); font-family:Inter,Arial,sans-serif; }
.radar-shell { width:min(1160px,calc(100% - 40px)); margin:auto; }
.radar-hero { padding:86px 0 78px; background:radial-gradient(circle at 83% 18%,#ffd541 0 4%,transparent 4.2%),linear-gradient(128deg,#16120d 0%,#21150b 52%,#4f2200 100%); color:#fff; overflow:hidden; }
.radar-hero .radar-shell { max-width:1160px; }
.eyebrow { margin:0 0 13px; color:var(--radar-orange); font-size:12px; line-height:1; letter-spacing:.13em; font-weight:900; }
.radar-hero h1 { max-width:780px; margin:0; font-family:Manrope,Inter,sans-serif; font-size:clamp(39px,6vw,72px); line-height:1.04; letter-spacing:-.055em; }
.intro { max-width:630px; margin:25px 0 0; color:#f4ddc8; font-size:18px; line-height:1.65; }
.hero-points { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }.hero-points span { padding:10px 13px; border:1px solid rgba(255,255,255,.22); border-radius:999px; background:rgba(255,255,255,.08); font-size:13px; font-weight:700; }
.radar-content { padding:70px 0 84px; }.radar-intro { display:flex; align-items:end; justify-content:space-between; gap:45px; }.radar-intro h2,.radar-contribute h2 { margin:0; font-family:Manrope,Inter,sans-serif; font-size:clamp(30px,4vw,46px); line-height:1.08; letter-spacing:-.045em; }.radar-intro > p { max-width:435px; margin:0; color:#645c54; line-height:1.65; }
.radar-filters { display:flex; align-items:end; gap:14px; margin:38px 0 16px; padding:19px; border:1px solid var(--radar-line); border-radius:18px; background:#fff; }.radar-filters label { flex:1; display:grid; gap:7px; }.radar-filters span { font-size:12px; font-weight:800; }.radar-filters select { min-height:45px; padding:0 12px; border:1px solid #cfc4b8; border-radius:10px; background:#fff; color:#24201b; font:inherit; }.radar-filters button { min-height:45px; padding:0 18px; border:0; border-radius:10px; background:#eee5dc; color:#362a21; font:inherit; font-weight:800; cursor:pointer; }.radar-filters .radar-search-button { background:var(--radar-orange); color:#261207; }.radar-filters .radar-search-button:hover { background:#e76500; }
.radar-count { margin:0 0 17px; color:#6d645b; font-size:14px; font-weight:700; }.radar-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }.opportunity { display:flex; flex-direction:column; min-height:367px; padding:23px; border:1px solid var(--radar-line); border-radius:20px; background:#fff; box-shadow:0 12px 30px rgba(54,35,16,.045); }.opportunity:hover { transform:translateY(-3px); box-shadow:0 18px 35px rgba(54,35,16,.1); }.opportunity-media { margin:-23px -23px 20px; overflow:hidden; border-radius:19px 19px 0 0; background:#f0e8de; }.opportunity-media img { display:block; width:100%; height:158px; object-fit:cover; }.opportunity-media figcaption { padding:7px 14px; color:#70675d; background:#fbf7f2; font-size:10px; font-weight:700; }.card-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }.tag,.verified { padding:6px 8px; border-radius:999px; font-size:10px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }.free { background:#e6f7ed; color:#146239; }.paid { background:#fff0dc; color:#98510b; }.consult { background:#eeeaf8; color:#584284; }.verified { color:#5d574f; background:#f3eee8; }.card-kicker { margin:25px 0 8px; color:#8b5a24; font-size:12px; font-weight:800; }.opportunity-media + .card-top + .card-kicker { margin-top:18px; }.opportunity h3 { margin:0; font-size:21px; line-height:1.2; letter-spacing:-.035em; }.opportunity > p:not(.card-kicker) { margin:12px 0 18px; color:#655d55; font-size:14px; line-height:1.55; }.opportunity dl { display:grid; gap:10px; margin:0 0 20px; }.opportunity dl div { display:grid; gap:3px; }.opportunity dt { color:#8b8279; font-size:10px; font-weight:900; text-transform:uppercase; }.opportunity dd { margin:0; font-size:13px; line-height:1.4; font-weight:600; }.card-link { margin-top:auto; color:#bd5100; font-size:14px; font-weight:900; text-decoration:none; }.card-link:hover { text-decoration:underline; }.no-results { padding:28px; border:1px dashed #cdbfae; border-radius:16px; text-align:center; color:#665d53; }
.radar-contribute { padding:70px 0; background:var(--radar-sand); }.radar-contribute p:not(.eyebrow) { max-width:570px; color:#63594f; line-height:1.65; }.contribute-link { display:inline-flex; margin-top:10px; padding:14px 18px; border-radius:999px; background:var(--radar-ink); color:#fff; text-decoration:none; font-weight:850; }
@media (max-width:850px) { .radar-grid { grid-template-columns:repeat(2,1fr); }.radar-intro { align-items:start; flex-direction:column; gap:16px; }.radar-filters { align-items:stretch; flex-direction:column; }.radar-filters button { width:100%; }.radar-hero { padding:67px 0 61px; } }
@media (max-width:560px) { .radar-shell { width:min(100% - 28px,1160px); }.radar-grid { grid-template-columns:1fr; }.radar-content { padding:48px 0 60px; }.opportunity { min-height:330px; }.hero-points { gap:7px; }.hero-points span { font-size:11px; }.radar-hero h1 { font-size:42px; } }