.document-card,.filter-section{box-shadow:0 4px 20px rgba(0,0,0,.08)}.document-description,.document-title{-webkit-box-orient:vertical;overflow:hidden}.documents-download-section{position:relative;padding:4rem 0;background:#fff;overflow:hidden}.documents-download-section--dark{background:#000455;color:#fff}.documents-download-section--gradient{background:linear-gradient(135deg,#f8f9fa 0,#fff 100%)}.documents-download-section .container{max-width:1240px;margin:0 auto;padding:0;position:relative;z-index:2}.documents-header{text-align:center;margin-bottom:3rem}.documents-title{font-size:2.5rem;font-weight:700;color:#000455;margin-bottom:1rem;line-height:1.2}.documents-download-section--dark .document-title,.documents-download-section--dark .documents-title,.documents-download-section--dark .filter-title{color:#fff}.documents-description{font-size:1.125rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.documents-download-section--dark .document-description,.documents-download-section--dark .documents-description,.documents-download-section--dark .documents-loading,.documents-download-section--dark .documents-no-results{color:rgba(255,255,255,.8)}.documents-layout{width:100%}.documents-layout--with-filter{display:grid;grid-template-columns:280px 1fr;gap:3rem;align-items:start}.documents-layout--no-filter{display:block}.documents-filter-column{position:sticky;top:2rem;height:fit-content}.filter-section{background:#fff;border-radius:16px;padding:2rem;border:1px solid rgba(0,4,85,.08)}.documents-download-section--dark .document-card,.documents-download-section--dark .filter-section{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.filter-title{font-size:1.25rem;font-weight:600;color:#000455;margin-bottom:1.5rem;text-align:center}.filter-group{margin-bottom:2rem}.filter-group:last-child{margin-bottom:0}.filter-group-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:1rem}.documents-download-section--dark .filter-group-title{color:rgba(255,255,255,.9)}.filter-options{display:flex;flex-direction:column;gap:.5rem}.filter-button{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:0 0;border:2px solid rgba(0,4,85,.1);border-radius:12px;cursor:pointer;transition:.3s;font-size:.9rem;font-weight:500;color:#666;text-align:left;width:100%}.filter-button:hover{border-color:#53b1dc;background:rgba(83,177,220,.05);color:#000455;transform:translateX(4px)}.filter-button.active{background:#53b1dc;border-color:#53b1dc;color:#fff;transform:translateX(4px)}.documents-download-section--dark .filter-button{color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.2)}.documents-download-section--dark .filter-button:hover{border-color:#53b1dc;background:rgba(83,177,220,.2);color:#fff}.documents-download-section--dark .filter-button.active{background:#53b1dc;border-color:#53b1dc;color:#fff}.filter-text{flex:1}.filter-indicator{width:8px;height:8px;border-radius:50%;background:0 0;transition:.3s}.document-card,.filter-button.active .filter-indicator{background:#fff}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.document-card{border-radius:16px;padding:1.5rem;border:1px solid rgba(0,4,85,.08);transition:.3s;position:relative;overflow:hidden}.document-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.12)}.documents-download-section--dark .document-card:hover{background:rgba(255,255,255,.15)}.document-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.document-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;flex-shrink:0}.document-icon svg{width:24px;height:24px}.document-info{flex:1;min-width:0}.document-title{font-size:1.125rem;font-weight:600;color:#000455;margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2}.document-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.document-meta-item{font-size:.875rem;color:#666;background:rgba(0,4,85,.05);padding:.25rem .75rem;border-radius:20px;font-weight:500}.documents-download-section--dark .document-meta-item{color:rgba(255,255,255,.8);background:rgba(255,255,255,.1)}.document-description{font-size:.9rem;color:#666;line-height:1.5;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3}.document-actions{display:flex;gap:.75rem;margin-top:auto}.document-action{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;text-decoration:none;font-size:.875rem;font-weight:500;transition:.3s;flex:1;justify-content:center;border:2px solid transparent}.document-action.preview{background:rgba(0,4,85,.05);color:#000455;border-color:rgba(0,4,85,.1)}.document-action.preview:hover{background:#000455;color:#fff;transform:translateY(-2px)}.document-action.download{background:#53b1dc;color:#fff;border-color:#53b1dc}.document-action.download:hover{background:#000455;border-color:#000455;transform:translateY(-2px)}.documents-download-section--dark .document-action.preview{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}.documents-download-section--dark .document-action.preview:hover{background:#fff;color:#000455}.action-icon{display:flex;align-items:center;justify-content:center}.action-text{font-weight:500}.documents-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:#666;font-size:1.125rem}.documents-no-results{text-align:center;padding:3rem;color:#666}.documents-no-results h3{font-size:1.25rem;margin-bottom:.5rem;color:#000455}.documents-download-section--dark .documents-no-results h3{color:#fff}@media (max-width:992px){.documents-layout--with-filter{grid-template-columns:1fr;gap:2rem}.documents-filter-column{position:static;order:-1}.filter-section{padding:1.5rem}.documents-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.documents-title{font-size:2rem}}@media (max-width:768px){.documents-download-section{padding:3rem 0}.documents-download-section .container{padding:0}.documents-grid{grid-template-columns:1fr;gap:1rem}.documents-title{font-size:1.75rem}.documents-description{font-size:1rem}.document-card{padding:1.25rem}.document-actions{flex-direction:column}.document-action{flex:none}}@media (max-width:480px){.documents-header{margin-bottom:2rem}.documents-title{font-size:1.5rem}.filter-section{padding:1.25rem}.document-header{flex-direction:column;align-items:left;text-align:center;gap:.75rem}.document-icon{width:40px;height:40px}.document-title{text-align:left}.document-icon svg{width:20px;height:20px}}