footer { border-top: 1px solid rgba(255,255,255,.07); background: linear-gradient(180deg, rgba(10,10,20,0) 0%, rgba(8,8,18,.6) 100%); padding: 52px 24px 0; position: relative; }
.footer-inner { max-width: 1100px; margin: 0 auto; }
.footer-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; padding-bottom: 36px; border-bottom: 1px solid rgba(255,255,255,.07); }
@media (max-width: 720px) { .footer-top { flex-direction: column; gap: 28px; } }
.footer-brand { max-width: 260px; }
.footer-logo img { height: 36px; margin-bottom: 12px; }
.footer-desc { font-size: .76rem; color: rgba(200,190,230,.4); line-height: 1.65; margin-bottom: 16px; }
.footer-social { display: flex; gap: 8px; }
.footer-social a { width: 30px; height: 30px; border-radius: 8px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09); display: flex; align-items: center; justify-content: center; color: rgba(200,190,230,.4); transition: background .2s, color .2s, transform .2s; text-decoration: none; }
.footer-social a:hover { background: rgba(135,106,255,.15); border-color: rgba(135,106,255,.3); color: #a78bff; transform: translateY(-1px); }
.footer-nav { display: flex; gap: 48px; flex-shrink: 0; }
@media (max-width: 480px) { .footer-nav { gap: 28px; } }
.footer-sec { flex-shrink: 0; min-width: 140px; }
.footer-sec-h { font-size: .6rem; font-weight: 700; color: rgba(200,190,230,.3); letter-spacing: .14em; text-transform: uppercase; margin-bottom: 12px; }
.footer-sec-badge { display: block; margin-bottom: 8px; border-radius: 8px; overflow: hidden; opacity: .7; transition: opacity .2s, transform .2s; }
.footer-sec-badge:hover { opacity: 1; transform: translateY(-1px); }
.footer-sec-badge img { width: 140px; height: auto; display: block; }
.footer-col h4 { font-size: .6rem; font-weight: 700; color: rgba(200,190,230,.3); letter-spacing: .14em; text-transform: uppercase; margin-bottom: 12px; }
.footer-links { list-style: none; display: flex; flex-direction: column; gap: 7px; }
.footer-links a { font-size: .8rem; color: rgba(200,190,230,.4); transition: color .15s, transform .15s; text-decoration: none; display: inline-block; }
.footer-links a:hover { color: rgba(200,190,230,.95); transform: translateX(2px); }
.footer-links-imgs { list-style: none; display: flex; flex-direction: column; gap: 7px; }
.footer-bottom { padding: 18px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
@media (max-width: 600px) { .footer-bottom { flex-direction: column; align-items: flex-start; gap: 10px; } }
.pay-icons { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.pay-icon { width: 48px; height: 30px; border-radius: 8px; background: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; padding: 3px; }
.pay-icon img { width: 100%; height: 100%; object-fit: contain; }