*{box-sizing:border-box}body{margin:0;background:#0b1424;color:#e9eef8;font:16px/1.6 system-ui,Arial}header{padding:18px max(20px,calc((100% - 1120px)/2));display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #283c59}a{color:#9ad9ff}main{max-width:1120px;margin:auto;padding:28px 20px}h1{font-size:clamp(30px,4vw,52px);line-height:1.12;margin:22px 0}.sub{max-width:800px;color:#b9c9dc}.controls{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:30px 0 12px}.controls label{display:grid;gap:6px;flex:1;min-width:180px}input,select{padding:12px;border-radius:8px;border:1px solid #526580;background:#15263e;color:white;font:inherit}.fav{display:flex!important;align-items:center;min-width:170px!important}.fav input{width:20px;height:20px}#count{color:#a8bcd3;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:15px}.card{border:1px solid #314761;border-radius:12px;background:#13243a;padding:18px;display:flex;flex-direction:column;gap:8px}.tag{color:#90c6e8;font-size:13px}.card h2{font-size:20px;margin:0}.card p{color:#b9c9dc;margin:0;flex:1}.actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.actions a{background:#2267a4;color:white;text-decoration:none;border-radius:7px;padding:8px 12px}.actions button{border:1px solid #7e94ad;color:white;background:transparent;border-radius:7px;padding:8px 12px;cursor:pointer}.learn{margin-top:38px;border-top:1px solid #314761;padding-top:24px}footer{color:#9fb1c7;margin:40px 0 10px;font-size:13px}