.samplePageOuter{background:radial-gradient(49.55% 49.55% at 50% 25.06%,rgba(78,132,209,.07) 0,rgba(251,253,255,.1) 100%),linear-gradient(224deg,hsla(0,0%,100%,0) 57.24%,#e2f3ff),linear-gradient(241deg,#e2f3ff,hsla(0,0%,100%,0) 44.67%),#fbfdff}.samples-section{padding:80px 0 100px}.samples-header{text-align:center;max-width:800px;margin:0 auto 60px}.samples-header h1{font-weight:500;font-size:42px;line-height:1.2;color:#1e293b;margin-bottom:20px}.samples-header p{font-size:16px;line-height:1.7;color:#64748b}.samples-header p strong{color:#1e293b}@media (max-width:991px){.samples-section{padding:60px 0 80px}.samples-header h1{font-size:34px}}@media (max-width:575px){.samples-section{padding:50px 0 60px}.samples-header{margin-bottom:40px}.samples-header h1{font-size:28px}.samples-header p{font-size:15px}}.samples-filters{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:flex-end;margin-bottom:30px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-group label{font-size:14px;font-weight:500;color:#1e293b}.filter-group select{border:1px solid #cfdef0;border-radius:10px;font-size:14px;color:#464860;background-color:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23464860' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding:12px 40px 12px 16px}.filter-group select:hover{border-color:#0654e6}.filter-group select:focus{outline:none;border-color:#0654e6;box-shadow:0 0 0 3px rgba(6,84,230,.1)}.clear-filters-btn{padding:12px 24px;background:transparent;border:1px solid #ef4444;border-radius:10px;font-size:14px;font-weight:500;color:#ef4444;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#ef4444;color:#fff}.samples-results-count{text-align:center;font-size:14px;color:#64748b;margin-bottom:40px}@media (max-width:767px){.samples-filters{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.clear-filters-btn{width:100%}}