.zp-footer{ margin-top:var(--space-7); border-top:1px solid rgba(235,241,228,.08); background:linear-gradient(180deg,rgba(6,8,8,.22),rgba(6,8,8,.60)); } .zp-footer__inner{ display:grid; grid-template-columns:1.15fr 1fr; gap:var(--space-6); padding:54px 0 40px; } .zp-footer__brand{ display:flex; gap:14px; align-items:flex-start; } .zp-footer__mark{ width:44px; height:44px; border-radius:16px; background:radial-gradient(circle at 35% 30%,rgba(240,255,107,.55),transparent 55%), radial-gradient(circle at 78% 78%,rgba(199,255,0,.40),transparent 62%), linear-gradient(135deg,rgba(199,255,0,.12),rgba(211,30,45,.10)); box-shadow:var(--shadow-neon); border:1px solid rgba(235,241,228,.10); } .zp-footer__name{font-weight:820;letter-spacing:-.02em;font-size:1.1rem} .zp-footer__tag{color:rgba(235,233,223,.70);margin-top:4px} .zp-footer__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width: 800px;} .zp-footer__col{display:grid;gap:10px;align-content:start} .zp-footer__h{letter-spacing:.24em;text-transform:uppercase;font-size:.82rem;color:rgba(235,233,223,.78)} .zp-footer__a{ text-decoration:none; color:rgba(235,233,223,.68); padding:8px 10px; border-radius:12px; border:1px solid transparent; transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease; } .zp-footer__a:hover{ transform:translateY(-1px); color:rgba(235,233,223,.94); border-color:rgba(235,241,228,.10); background:rgba(16,21,20,.42); } .zp-footer__top{ justify-self:start; border:1px solid rgba(235,241,228,.10); background:rgba(16,21,20,.52); color:rgba(235,233,223,.78); border-radius:999px; padding:10px 14px; cursor:pointer; letter-spacing:.14em; text-transform:uppercase; font-weight:760; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; } .zp-footer__top:hover{transform:translateY(-1px);box-shadow:var(--shadow-neon);border-color:var(--zp-stroke-2)} .zp-footer__bar{border-top:1px solid rgba(235,241,228,.08);padding:14px 0;background:rgba(6,8,8,.66)} .zp-footer__barInner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap} .zp-footer__fine{color:rgba(235,233,223,.62);font-size:.92rem} @media (max-width:992px){ .zp-footer__inner{grid-template-columns:1fr;gap:40px; padding: 12px 12px;} .zp-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:680px){ .zp-footer__cols{grid-template-columns:1fr;gap:32px} .zp-footer__brand{flex-direction:column;gap:12px} .zp-footer__barInner{flex-direction:column;align-items:center;text-align:center;gap:12px} }