footer .documents{position:relative;padding-top:100px;padding-bottom:60px}
footer .documents::after{content:"";position:absolute;left:30px;right:30px;bottom:0;height:1px;background:#1c2945}
footer .documents .head{display:flex;align-items:flex-end;justify-content:space-between}
footer .documents .small-title{color:#8a9ecb;font-size:1rem;margin-bottom:5px}
footer .documents .title{color:#fff;font-size:1.375rem;font-weight:300}
footer .documents .list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
footer .documents .item{display:flex;align-items:center;gap:15px;padding:18px 20px;border:1px solid #22304f;border-radius:8px;color:#fff;transition:.3s ease all}
footer .documents .item:hover{border-color:#1644c6;background:rgba(22,68,198,.08);transform:translateY(-2px)}
footer .documents .ext{flex-shrink:0;min-width:42px;padding:6px 7px;border-radius:4px;background:#1644c6;color:#fff;font-size:.75rem;letter-spacing:.04em;text-align:center;line-height:1}
footer .documents .info{flex:1;min-width:0;display:flex;flex-direction:column}
footer .documents .name{font-size:1rem;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
footer .documents .size{font-size:.75rem;color:#8a9ecb;margin-top:3px}
footer .documents .icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid #2b3855;display:flex;align-items:center;justify-content:center;color:#8a9ecb;transition:.3s ease all}
footer .documents .icon svg{width:16px;height:16px}
footer .documents .item:hover .icon{background:#1644c6;border-color:#1644c6;color:#fff}
@media only screen and (max-width:1366px){footer .documents .list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media only screen and (max-width:900px){footer .documents{padding-top:60px;padding-bottom:40px}}
footer .documents .list-wrap{position:relative}
footer .documents .swipe-hint,footer .documents .progress{display:none}
@media only screen and (max-width:900px){
footer .documents .list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 30px;margin:0 -30px;padding:0 30px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
footer .documents .list::-webkit-scrollbar{display:none}
footer .documents .list::after{content:"";flex:0 0 18px}
footer .documents .item{flex:0 0 78%;max-width:320px;scroll-snap-align:start}
footer .documents .item:hover{transform:none}
footer .documents .list-wrap::after{content:"";position:absolute;top:0;bottom:4px;right:-30px;width:70px;background:linear-gradient(90deg,rgba(16,27,52,0),#101b34);pointer-events:none;transition:opacity .3s ease}
footer .documents .list-wrap.is-end::after{opacity:0}
footer .documents .swipe-hint{display:flex;align-items:center;gap:6px;color:#8a9ecb;font-size:.8125rem;transition:opacity .4s ease}
footer .documents .swipe-hint svg{width:16px;height:16px;animation:docs-nudge 1.4s ease-in-out infinite}
footer .documents.is-scrolled .swipe-hint{opacity:0}
footer .documents.no-scroll .swipe-hint,footer .documents.no-scroll .progress,footer .documents.no-scroll .list-wrap::after{display:none}
footer .documents .progress{display:block;position:relative;height:2px;margin-top:20px;background:#1c2945;border-radius:2px;overflow:hidden}
footer .documents .progress span{display:block;height:100%;background:#1644c6;border-radius:2px;transition:transform .1s linear}
}
@keyframes docs-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){footer .documents .swipe-hint svg{animation:none}}