🧡|[promoção]Social Midia INSTAGRAM

<p> <title>Pack Social Media Premium</title> <!-- Font Awesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> <style> * { box-sizing: border-box; } html, body { margin: 0; padding: 0; width: 100%; background: radial-gradient(circle at top, #1a0b2e, #0b0b0b 60%); font-family: 'Inter', Arial, sans-serif; color: #f1f1f1; overflow-x: hidden; } .page-wrapper { display: flex; justify-content: center; padding: 24px 16px; } .main-container { width: 100%; max-width: 960px; background: linear-gradient(145deg, #111, #1c1c1c); border-radius: 22px; padding: 32px; box-shadow: 0 20px 50px rgba(0,0,0,.7); } /* HEADER */ .header { text-align: center; margin-bottom: 32px; } .header h1 { font-size: 34px; font-weight: 900; background: linear-gradient(90deg, #f43f5e, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: flex; gap: 12px; justify-content: center; align-items: center; flex-wrap: wrap; } .badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 20px; background: linear-gradient(45deg, #f43f5e, #8b5cf6); color: #fff; font-size: 12px; font-weight: 700; text-transform: uppercase; box-shadow: 0 0 15px rgba(244,63,94,.4); } /* CARDS */ .card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 22px; margin-bottom: 22px; transition: all .25s ease; } .card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(244,63,94,.25); border-color: rgba(244,63,94,.4); } .card h2 { font-size: 20px; margin-bottom: 14px; display: flex; gap: 10px; align-items: center; color: #f472b6; } /* SERVICES GRID */ .services { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; } .service-box { background: rgba(244,63,94,.08); border: 1px solid rgba(244,63,94,.2); border-radius: 14px; padding: 16px; display: flex; gap: 14px; align-items: center; transition: all .3s ease; } .service-box:hover { background: rgba(244,63,94,.15); transform: translateY(-3px); box-shadow: 0 10px 25px rgba(244,63,94,.3); } .service-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: linear-gradient(45deg, #f43f5e, #8b5cf6); font-size: 22px; color: #fff; } .service-text h3 { margin: 0; font-size: 16px; font-weight: 700; color: #fff; } .service-text p { margin: 4px 0 0; font-size: 13px; color: #d1d1d1; } /* STEPS */ .steps { list-style: none; padding: 0; margin: 0; } .steps li { display: flex; gap: 12px; margin-bottom: 12px; align-items: flex-start; font-size: 15px; line-height: 1.5; } .steps i { color: #22c55e; font-size: 18px; margin-top: 2px; } /* KEY */ .key-box { background: linear-gradient(135deg, rgba(139,92,246,.25), rgba(244,63,94,.25)); border: 1px solid rgba(255,255,255,.2); padding: 18px; border-radius: 14px; text-align: center; } .key-box a { display: inline-block; margin-top: 10px; padding: 12px 20px; border-radius: 10px; background: linear-gradient(45deg, #22c55e, #16a34a); color: #fff; font-weight: 700; text-decoration: none; transition: .3s; } .key-box a:hover { transform: scale(1.05); box-shadow: 0 0 20px rgba(34,197,94,.6); } /* RESPONSIVO */ @media (max-width: 600px) { .main-container { padding: 22px; } .header h1 { font-size: 24px; } } </style> <div class="page-wrapper"> <div class="main-container"> <div class="header"> <h1> <em class="fa-brands fa-instagram"></em> Pack Social Media <span class="badge"><em class="fa-solid fa-bolt"></em> Automático</span> </h1> </div> <div class="card"> <h2><em class="fa-solid fa-rocket"></em> Serviços Disponíveis</h2> <div class="services"> <div class="service-box"> <div class="service-icon"><em class="fa-solid fa-eye"></em><br></div> <div class="service-text"> <h3>Visualizações</h3> <p>Aumente o alcance dos seus vídeos e reels</p> </div> </div> <div class="service-box"> <div class="service-icon"><em class="fa-solid fa-user-plus"></em><br></div> <div class="service-text"> <h3>Seguidores</h3> <p>Crescimento rápido e visível no perfil</p> </div> </div> <div class="service-box"> <div class="service-icon"><em class="fa-solid fa-heart"></em><br></div> <div class="service-text"> <h3>Curtidas</h3> <p>Mais engajamento em fotos e publicações</p> </div> </div> <div class="service-box"> <div class="service-icon"><em class="fa-solid fa-comments"></em><br></div> <div class="service-text"> <h3>Engajamento</h3> <p>Melhore a relevância do seu perfil</p> </div> </div> </div> </div> <div class="card"> <h2><em class="fa-solid fa-gear"></em> Como Funciona</h2> <ul class="steps"> <li><em class="fa-solid fa-check-circle"></em> Após a compra, você recebe uma <strong>KEY exclusiva</strong></li> <li><em class="fa-solid fa-check-circle"></em> Acesse o site de resgate automático</li> <li><em class="fa-solid fa-check-circle"></em> Insira sua key e escolha o serviço desejado</li> <li><em class="fa-solid fa-check-circle"></em> A entrega é iniciada automaticamente</li> </ul> </div> <div class="card"> <h2><em class="fa-solid fa-key"></em> Resgatar sua Key</h2> <div class="key-box"> <p>Use o site oficial para ativar sua key e receber o serviço automaticamente:</p> <a href="https://key-social-media.base44.app/" target="_blank"> <em class="fa-solid fa-unlock-keyhole"></em> Acessar Site de Resgate </a> </div> </div> <div class="card"> <h2><em class="fa-solid fa-shield-halved"></em> Garantia</h2> <ul class="steps"> <li><em class="fa-solid fa-check-circle"></em> Entrega automática e rápida</li> <li><em class="fa-solid fa-check-circle"></em> Sistema seguro de ativação</li> <li><em class="fa-solid fa-check-circle"></em> Suporte em caso de qualquer problema</li> </ul> </div> </div> </div> </p>