:root { --ink:#edf2f7; --muted:#91a0b5; --line:#263244; --panel:#111a28; --panel-2:#0d1521; --accent:#6ee7c8; --accent-2:#8aa8ff; }
* { box-sizing:border-box; } body { margin:0; background:#09111d; color:var(--ink); font:16px/1.6 Inter,Segoe UI,system-ui,sans-serif; } a { color:inherit; text-decoration:none; } .shell { width:min(1120px,calc(100% - 40px)); margin:0 auto; } .site-header { border-bottom:1px solid var(--line); background:#0b1421e8; } .nav { min-height:78px; display:flex; align-items:center; gap:22px; } .brand { display:flex; align-items:center; gap:10px; font-weight:760; font-size:20px; letter-spacing:-.02em; } .brand-mark { display:inline-grid; place-items:center; width:31px; height:31px; border-radius:10px; color:#071219; background:linear-gradient(135deg,var(--accent),var(--accent-2)); font-weight:900; } .tagline { color:var(--muted); font-size:14px; flex:1; } .button { border:0; border-radius:9px; min-height:44px; padding:11px 17px; background:var(--accent); color:#071219; font-weight:750; cursor:pointer; } .button-quiet { border:1px solid #3c5a6a; background:transparent; color:var(--ink); } .hero { padding:96px 0 74px; max-width:760px; } .eyebrow { color:var(--accent); letter-spacing:.16em; font-size:11px; font-weight:800; margin:0 0 13px; } h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(44px,7vw,76px); line-height:1.02; letter-spacing:-.055em; margin-bottom:25px; } h1 em { color:var(--accent); font-style:normal; } h2 { font-size:30px; line-height:1.1; letter-spacing:-.035em; } h3 { font-size:20px; line-height:1.2; margin:18px 0 8px; } .hero-copy,.lead { color:#bcc7d6; font-size:19px; max-width:650px; } .search-panel { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:20px; box-shadow:0 18px 70px #0004; } .search-panel label { display:block; color:var(--muted); font-size:12px; font-weight:700; margin-bottom:8px; } .search-row { display:flex; gap:10px; } input,select { width:100%; border:1px solid #33445b; border-radius:8px; padding:12px 13px; background:#0a1320; color:var(--ink); font:inherit; } select { max-width:180px; } .section-heading { display:flex; align-items:end; justify-content:space-between; margin:75px 0 22px; } .muted { color:var(--muted); } .listing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding-bottom:90px; } .listing-card,.detail-card,.form-card,.empty,.notice { background:var(--panel); border:1px solid var(--line); border-radius:13px; padding:22px; } .listing-card { min-height:250px; transition:.2s transform,.2s border-color; } .listing-card:hover { transform:translateY(-3px); border-color:#4d6d83; } .card-top { display:flex; justify-content:space-between; align-items:center; gap:8px; } .pill { border-radius:999px; padding:3px 9px; font-size:11px; font-weight:800; } .pill-need { color:#ffd8ae; background:#6d432e; } .pill-offer { color:#b8ffe9; background:#18584d; } .category { color:var(--muted); font-size:12px; } .listing-card p { color:#aebbd0; } .card-meta { display:flex; justify-content:space-between; gap:10px; color:var(--muted); font-size:12px; margin-top:22px; } .notice { margin:20px 0; color:#c5d0df; } .empty { margin-bottom:80px; } .detail-wrap,.form-wrap { padding-top:46px; padding-bottom:90px; max-width:900px; } .back { color:var(--accent); font-size:14px; display:inline-block; margin-bottom:24px; } .detail-card { padding:clamp(24px,5vw,60px); } .detail-card h1 { font-size:clamp(40px,6vw,65px); margin-top:22px; } .detail-body { white-space:pre-wrap; color:#c2cede; font-size:17px; padding:26px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .detail-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding:26px 0; } .detail-facts span { display:block; color:var(--muted); font-size:12px; } .detail-facts strong { display:block; margin-top:5px; } .site-footer { border-top:1px solid var(--line); padding:25px 0; color:var(--muted); font-size:13px; } .site-footer .shell { display:flex; justify-content:space-between; } .about-exchange { padding:82px 0 54px; } .about-exchange .hero-copy { margin-bottom:32px; } .about-exchange .listing-grid { padding-bottom:0; } .about-exchange .notice { margin-top:22px; } .about-exchange .listing-card { min-height:190px; } .site-links { display:flex; align-items:center; gap:4px; font-size:14px; white-space:nowrap; } .site-links a { color:var(--muted); border-radius:7px; padding:6px 8px; } .site-links a:hover,.site-links a.current { color:var(--ink); background:#152235; } .content-page { padding:76px 0 96px; } .narrow-page { max-width:860px; } .content-page h1 { max-width:860px; } .content-section { margin-top:72px; } .content-section .section-heading { margin-top:0; } .prose { max-width:780px; color:#bcc7d6; font-size:17px; } .prose p { margin-bottom:20px; } .text-link { color:var(--accent); text-decoration:underline; text-underline-offset:3px; } .content-grid,.process-grid,.article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } .content-card,.process-card,.article-card { background:var(--panel); border:1px solid var(--line); border-radius:13px; padding:24px; } .content-card p,.process-card p,.article-card p { color:#b5c1d2; } .process-card span { display:block; color:var(--accent); font-size:12px; font-weight:800; letter-spacing:.14em; } .process-card h2 { font-size:23px; margin:15px 0 9px; } .article-card { min-height:300px; } .article-card h2 { font-size:24px; margin-bottom:15px; } .showcase-media { margin:0 0 18px; } .showcase-media img { display:block; width:100%; height:165px; object-fit:cover; object-position:top; border:1px solid #314259; border-radius:8px; } .showcase-media figcaption { color:var(--muted); font-size:12px; margin-top:7px; } .showcase-media figcaption a { color:var(--accent); } .signal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } .listing-guide .muted { margin-top:20px; } @media(max-width:920px) { .signal-grid { grid-template-columns:repeat(2,1fr); } } @media(max-width:580px) { .signal-grid { grid-template-columns:1fr; } } .faq-list { border-top:1px solid var(--line); } .faq-list details { border-bottom:1px solid var(--line); padding:0; } .faq-list summary { cursor:pointer; list-style:none; padding:22px 34px 22px 0; font-size:18px; font-weight:720; position:relative; } .faq-list summary::-webkit-details-marker { display:none; } .faq-list summary::after { content:'+'; position:absolute; right:5px; color:var(--accent); font-size:25px; font-weight:400; top:15px; } .faq-list details[open] summary::after { content:'–'; } .faq-list details p { color:#b5c1d2; max-width:720px; padding:0 0 22px; margin:0; } .explore-links,.footer-links { display:flex; gap:14px; flex-wrap:wrap; font-size:14px; } .explore-links { margin-top:28px; } .explore-links a { color:var(--accent); border-bottom:1px solid #3e766c; padding-bottom:3px; } .footer-links a { color:var(--muted); } .footer-links a:hover { color:var(--ink); } @media(max-width:920px) { .nav { flex-wrap:wrap; padding:14px 0; } .tagline { flex:1; } .site-links { order:4; flex-basis:100%; } .content-grid,.process-grid,.article-grid { grid-template-columns:1fr 1fr; } } @media(max-width:580px) { .content-page { padding:58px 0 74px; } .content-section { margin-top:54px; } .content-grid,.process-grid,.article-grid { grid-template-columns:1fr; } .article-card { min-height:0; } .site-footer .shell { align-items:flex-start; flex-direction:column; gap:10px; } } code { color:var(--accent); } @media(max-width:800px) { .listing-grid { grid-template-columns:1fr 1fr; } .search-row { flex-wrap:wrap; } select { max-width:none; } } @media(max-width:580px) { .nav { flex-wrap:wrap; padding:14px 0; } .tagline { order:3; flex-basis:100%; } .hero { padding:65px 0 50px; } .listing-grid { grid-template-columns:1fr; } .section-heading { display:block; } .section-heading .muted { margin-top:12px; } .detail-facts { grid-template-columns:1fr; } }