:root{--bg:#f3f5f8;--ink:#0f172a;--muted:#5b677a;--line:#dbe2ea;--panel:#fff;--brand:#0b57d0}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}.topbar{background:#0d1320;border-bottom:1px solid #1f2937}.topbar-inner{height:60px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;color:#fff}.brand-dot{width:10px;height:10px;border-radius:999px;background:#22c55e}.brand span{display:block;color:#9fb0c8;font-size:12px}.top-meta{color:#9fb0c8;font-size:13px}
.page{padding:22px 18px 32px}.hero h1{margin:0;font-size:30px}.hero p{margin:6px 0 0;color:var(--muted)}.chips{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.chip{background:#eef4ff;color:#11429a;border:1px solid #cfe0ff;padding:4px 10px;border-radius:999px;font-size:12px}
.panel{margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
label{font-size:12px;color:#64748b;display:flex;flex-direction:column;gap:6px}input,select,button{height:42px;border:1px solid #cfd8e3;border-radius:10px;padding:0 12px;background:#fff;color:#0f172a;font-size:14px}
input::placeholder{color:#97a3b6}.span2{grid-column:span 2}.span3{grid-column:1/-1}.cta{background:var(--brand);color:#fff;border:none;font-weight:700;cursor:pointer}
.notice{margin-top:12px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:14px}.notice.error{border-color:#fecaca;background:#fff1f2;color:#991b1b}
.results{margin-top:14px}.results-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.results-head h2{margin:0}.results-head span{color:var(--muted);font-size:13px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:200px 1fr}
.thumb{background:#f6f8fc;min-height:150px;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:cover}.noimg{color:#94a3b8;font-size:12px}
.meta{padding:12px}.title{font-size:16px;font-weight:700;color:#0f172a;text-decoration:none}.facts{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0;color:#334155;font-size:13px}.meta p{margin:0 0 8px;color:#475569;font-size:14px}
.foot{display:flex;align-items:center;justify-content:space-between}.foot small{color:#64748b}.btn{background:#0f172a;color:#fff;text-decoration:none;padding:7px 10px;border-radius:8px;font-size:12px}
@media (max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:1fr}.card{grid-template-columns:170px 1fr}}
@media (max-width:680px){.grid{grid-template-columns:1fr}.span2{grid-column:auto}.card{grid-template-columns:1fr}.thumb{min-height:190px}}