*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2433;background:#f6f7fb;line-height:1.5}
header{background:#0f2a4a;color:#fff;padding:14px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
header a{color:#fff;text-decoration:none;margin-left:16px}header .logo{font-weight:700;font-size:1.2rem;margin:0}
main{max-width:1100px;margin:0 auto;padding:20px}.hero h1{margin:.2em 0;font-size:1.8rem}.hero p{color:#4a5568;margin-top:0}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;background:#fff;padding:14px;border-radius:10px;margin:16px 0}
label{font-size:.8rem;color:#4a5568;display:block}select,input,textarea{width:100%;padding:8px;border:1px solid #cbd2e0;border-radius:6px;font:inherit}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.card{background:#fff;border-radius:10px;padding:16px;border:1px solid #e3e7ef;display:flex;flex-direction:column;gap:6px}
.card h3{margin:0;font-size:1rem}.meta{font-size:.85rem;color:#4a5568}.tags span{display:inline-block;background:#e8f0fb;color:#0f2a4a;border-radius:20px;padding:2px 10px;font-size:.75rem;margin:2px 4px 2px 0}
.card a.src{margin-top:auto;color:#0b63ce;font-weight:600;text-decoration:none}
.signup{background:#0f2a4a;color:#fff;border-radius:10px;padding:20px;margin:24px 0}.signup form{display:flex;gap:8px;flex-wrap:wrap}.signup input{flex:1;min-width:200px}
button{background:#f5a623;border:0;border-radius:6px;padding:9px 16px;font-weight:700;cursor:pointer}.note{font-size:.8rem;opacity:.8}
footer{text-align:center;color:#718096;font-size:.8rem;padding:24px}.page{background:#fff;padding:20px;border-radius:10px}form.stack>*{margin-bottom:10px}