*{box-sizing:border-box} body{margin:0;padding:0;background:#f7f8fc;font-family:Arial,Helvetica,sans-serif;color:#222} .container{max-width:1400px;margin:auto;padding:10px 20px} .filters-section{background:#ffffff;border-radius:16px;padding:30px;margin-bottom:35px;border:1px solid #ececec;box-shadow:0 6px 20px rgba(0,0,0,0.05)} .filters-title{font-size:34px;font-weight:700;margin-bottom:25px;color:#1e2a45} .filters-form{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end} .filter-group{display:flex;flex-direction:column;gap:8px} .filter-group label{font-size:14px;font-weight:700;color:#333} .filter-group select{min-width:260px;padding:10px 14px;border-radius:10px;border:1px solid #dcdcdc;font-size:13px;background:#fff;outline:none} .filter-group select:focus{border-color:#4a6cf7} .btn{padding:12px 22px;border-radius:10px;border:none;cursor:pointer;font-size:15px;font-weight:600;transition:0.3s} .primary{background:darkorange;color:#fff} .primary:hover{background:#006699;} .secondary{background:#fff;border:1px solid #4a6cf7;color:#4a6cf7} .secondary:hover{background:#f5f7ff} .standards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px} .card{background:#fff;border-radius:16px;padding:26px;border:1px solid #e6e6e6;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:all 0.35s ease;overflow:hidden;text-decoration:none;color:#222} .card:hover{transform:translateY(-8px);box-shadow:0 14px 35px rgba(0,0,0,0.10)} .card::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:#006699} .card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px} .card-title{font-size:22px;font-weight:700;color:#2d4de0;line-height:1.3;margin:0} .badge{background:#d7f2df;color:#146c2e;padding:7px 14px;border-radius:30px;font-size:12px;font-weight:700;white-space:nowrap} .card-description{margin-top:18px;font-size:15px;line-height:1.8;color:#444} .card-footer{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap} .category-tag{background:#f1f3f8;padding:10px 16px;border-radius:30px;font-size:13px;font-weight:700;color:#333} .review-link{text-decoration:none;font-size:13px;color:#f4a300;font-weight:700} @media(max-width:768px){.filters-form{flex-direction:column;align-items:stretch} .filter-group select{width:100%;min-width:100%} .btn{width:100%} .standards-grid{grid-template-columns:1fr}}