.banners-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:5rem 1.5rem 2rem;display:flex}@media (min-width:640px){.banners-header{padding:7rem 2rem 3rem}}.banners-label{letter-spacing:.4em;color:#bea0ff80;text-shadow:none;font-size:.7rem}.banners-title{color:#fff;text-shadow:0 0 20px #be96ff99,0 0 50px #9664ff40;font-size:clamp(2rem,6vw,3.5rem);font-weight:900;line-height:1;animation:1s ease-out both fade-up}.banners-section{flex-direction:column;align-items:center;gap:3rem;max-width:640px;margin:0 auto;padding:1rem 2rem 4rem;display:flex}.banners-block{width:100%;animation:fade-up .9s ease-out calc(var(--n) * .15s) both;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.banners-block-label{letter-spacing:.35em;color:#bea0ff73;text-shadow:none;font-size:.7rem}.my-banner-wrap{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.my-banner-img{border:1px solid #bea0ff26;border-radius:6px;box-shadow:0 0 20px #a078ff26}.banner-copy-box{color:#c8b4ff99;text-align:left;cursor:pointer;width:100%;text-shadow:none;white-space:pre-wrap;background:#a082dc12;border:1px solid #bea0ff26;border-radius:.75rem;padding:.875rem 1.25rem;font-family:monospace;font-size:.75rem;line-height:1.7;transition:background .2s,border-color .2s}.banner-copy-box:hover{background:#a082dc24;border-color:#bea0ff4d}.copy-hint{color:#bea0ff66;text-shadow:none;letter-spacing:.1em;font-size:.72rem;transition:color .2s}.copy-hint.copied{color:#a0dcb4b3}.friend-banners{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.friend-banner-link img{opacity:.85;border:1px solid #bea0ff1a;border-radius:4px;transition:opacity .2s,box-shadow .2s}.friend-banner-link:hover img{opacity:1;box-shadow:0 0 14px #a078ff40}.banners-divider{background:linear-gradient(90deg,#0000,#bea0ff33,#0000);width:100%;height:1px}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}