up

Up!

AUTOMÁTICO Olá, meu nome é Sophia 👋 valentinabrandao, vi que você acabou de entrar no D7Games. Separei um “atalho” pra você começar com o pé direito — rápido e sem enrolação. 🆔 2038 • 📅 06/13/2026 • 👤 View Member 📌 3 passos rápidos Complete seu perfil (foto + bio). Entre nas discussões e salve os tópicos que curtir. Ative o Telegram pra receber novidades em primeira mão. 🎯 Dica da Sophia Se você quer aprender mais e perder menos tempo, o melhor caminho é: Telegram (avisos) + Ninja Cursos (conteúdo) + Fórum (troca real). Sem spam. Conteúdo direto.   Telegram Atualizações Novos cursos 📲 Entre no grupo do Telegram Receba novos cursos, links e avisos direto no celular — sem precisar ficar procurando. Este é um conteúdo somente para membros, por favor Entre ou Cadastre-se Silencioso • Sem spam Cursos Atualizados Destaque 🚀 Acesse o Ninja Cursos Tenha milhares de cursos atualizados para evoluir rápido, com conteúdo novo chegando sempre. Este é um conteúdo somente para membros, por favor Entre ou Cadastre-se Conteúdo direto ao ponto Se quiser, responde aqui no tópico e me diz qual área você quer aprender primeiro 😉 /* ================================================== SOPHIA AUTO MSG — PROFISSIONAL • ANIMADO • IPS SAFE (tudo isolado em .sx- / .g1n- para não bugar tema) ================================================== */ .sx-wrap{ --bg1:#1d2130; --bg2:#171a25; --bd:rgba(255,255,255,.12); --tx:#e9ecf1; --mut:#cfd6e4; --red:#e10600; --red2:#ff3b30; --tg:#229ED9; background:linear-gradient(180deg, var(--bg1), var(--bg2)); border:1px solid var(--bd); border-radius:16px; padding:18px 18px 16px; position:relative; overflow:hidden; } /* Topbar animada */ .sx-topbar{ position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg, var(--red), var(--red2), var(--tg)); background-size:200% 100%; animation:sxBar 4.6s ease-in-out infinite; } @keyframes sxBar{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } } /* brilho sutil no fundo */ .sx-wrap::after{ content:""; position:absolute; inset:-60% -40%; background: radial-gradient(circle at 25% 30%, rgba(225,6,0,.16), transparent 55%), radial-gradient(circle at 75% 60%, rgba(34,158,217,.18), transparent 55%); transform: rotate(10deg); animation:sxFloat 7s ease-in-out infinite; pointer-events:none; opacity:.85; } @keyframes sxFloat{ 0%,100%{ transform: rotate(10deg) translateY(0); opacity:.85; } 50%{ transform: rotate(10deg) translateY(10px); opacity:.7; } } .sx-wrap > *{ position:relative; z-index:1; } .sx-head{ margin-top:6px; } .sx-badge{ display:inline-block; font-size:11px; font-weight:900; letter-spacing:.35px; padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:var(--mut); text-transform:uppercase; animation:sxPop .9s ease-out both; } @keyframes sxPop{ from{ transform: translateY(6px); opacity:0; } to{ transform: translateY(0); opacity:1; } } .sx-title{ margin:10px 0 6px; font-size:clamp(22px, 2.6vw, 30px); line-height:1.15; color:#fff; letter-spacing:-.25px; } .sx-name{ background:linear-gradient(90deg, #4fc3ff, #9ee7ff); -webkit-background-clip:text; background-clip:text; color:transparent; } .sx-sub{ margin:0 0 10px; color:var(--tx); font-size:15.5px; line-height:1.6; } .sx-meta{ display:flex; flex-wrap:wrap; gap:8px; color:var(--mut); font-size:12.5px; margin:10px 0 6px; } .sx-dot{ opacity:.6; } .sx-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; } @media (max-width:720px){ .sx-grid{ grid-template-columns:1fr; } } .sx-card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); border-radius:14px; padding:12px 14px; } .sx-cardTitle{ font-weight:900; color:#fff; margin-bottom:8px; letter-spacing:.2px; font-size:13px; text-transform:uppercase; } .sx-list{ margin:0; padding-left:18px; color:var(--tx); line-height:1.7; font-size:14.5px; } .sx-p{ margin:0; color:var(--tx); line-height:1.65; font-size:14.5px; } .sx-miniNote{ margin-top:10px; color:var(--mut); font-size:12.5px; opacity:1; } .sx-divider{ height:1px; background:linear-gradient(90deg, rgba(225,6,0,.45), rgba(34,158,217,.25), transparent); margin:16px 0 14px; } /* ====================== CARDS (G1-LIKE) ====================== */ .g1n-cta, .g1n-tg{ border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:16px 16px 18px; margin:14px 0; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); overflow:hidden; position:relative; } /* brilho de fundo sutil por card */ .g1n-cta::after, .g1n-tg::after{ content:""; position:absolute; inset:-70% -40%; background: radial-gradient(circle at 25% 30%, rgba(255,255,255,.10), transparent 55%), radial-gradient(circle at 75% 60%, rgba(255,255,255,.06), transparent 55%); transform: rotate(10deg); animation:g1nFloat 7s ease-in-out infinite; pointer-events:none; opacity:.6; } @keyframes g1nFloat{ 0%,100%{ transform: rotate(10deg) translateY(0); opacity:.6; } 50%{ transform: rotate(10deg) translateY(10px); opacity:.45; } } .g1n-cta > *, .g1n-tg > *{ position:relative; z-index:1; } .g1n-chips{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px; } .g1n-chip{ font-size:11px; font-weight:900; padding:6px 10px; border-radius:999px; background:#24283b; border:1px solid rgba(255,255,255,.14); color:#e9ecf1; text-transform:uppercase; letter-spacing:.35px; line-height:1; } .g1n-chip.hot{ color:#fff; background:rgba(225,6,0,.18); border-color:rgba(225,6,0,.45); } .g1n-title{ font-size:clamp(18px, 2.2vw, 22px); line-height:1.2; margin:6px 0 8px; color:#fff; } .g1n-brand{ background:linear-gradient(90deg, #ff3b30, #ff6a00); -webkit-background-clip:text; background-clip:text; color:transparent; } .g1n-subtitle{ font-size:15px; line-height:1.6; color:#e9ecf1; margin:0 0 12px; } .g1n-actions{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; } .g1n-btn{ display:inline-flex; align-items:center; gap:10px; padding:12px 16px; border-radius:12px; text-decoration:none !important; color:#fff !important; font-weight:900; border:1px solid rgba(225,6,0,.35); background:linear-gradient(90deg, #e10600, #ff3b30); position:relative; overflow:hidden; transition: transform .18s ease, filter .18s ease; will-change: transform; } /* Botão Telegram com cor própria */ .g1n-btn--tg{ border-color:rgba(34,158,217,.45); background:linear-gradient(90deg, rgba(34,158,217,.95), rgba(12,120,178,.95)); } /* brilho passando no botão */ .g1n-btn::before{ content:""; position:absolute; top:-30%; left:-55%; width:40%; height:160%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent); transform: rotate(18deg); animation:g1nSheen 3s ease-in-out infinite; pointer-events:none; } @keyframes g1nSheen{ 0%{ left:-60%; opacity:0; } 20%{ opacity:1; } 55%{ left:120%; opacity:0; } 100%{ left:120%; opacity:0; } } .g1n-btn:hover{ transform: translateY(-1px); filter: brightness(1.06); } .g1n-btn:active{ transform: translateY(0); } .g1n-btnIcon{ font-size:18px; } .g1n-btnText{ white-space:nowrap; } /* Ping verde */ .g1n-btnPing{ width:10px; height:10px; border-radius:50%; background:#22c55e; position:relative; flex:0 0 auto; } .g1n-btnPing::after{ content:""; position:absolute; inset:-8px; border-radius:50%; border:2px solid rgba(34,197,94,.40); animation:g1nPing 1.6s ease-out infinite; } @keyframes g1nPing{ 0%{ transform:scale(.5); opacity:.8; } 100%{ transform:scale(1.3); opacity:0; } } .g1n-mini{ font-size:12.5px; color:#cfd6e4; } /* Mobile: botão quebra melhor */ @media (max-width:520px){ .g1n-btnText{ white-space:normal; } } .sx-footer{ margin:16px 0 0; text-align:center; font-size:14.5px; color:#cfd6e4; }

AUTOMÁTICO Olá, meu nome é Sophia 👋 Paulinho, vi que você acabou de entrar no D7Games. Separei um “atalho” pra você começar com o pé direito — rápido e sem enrolação. 🆔 2037 • 📅 06/13/2026 • 👤 View Member 📌 3 passos rápidos Complete seu perfil (foto + bio). Entre nas discussões e salve os tópicos que curtir. Ative o Telegram pra receber novidades em primeira mão. 🎯 Dica da Sophia Se você quer aprender mais e perder menos tempo, o melhor caminho é: Telegram (avisos) + Ninja Cursos (conteúdo) + Fórum (troca real). Sem spam. Conteúdo direto.   Telegram Atualizações Novos cursos 📲 Entre no grupo do Telegram Receba novos cursos, links e avisos direto no celular — sem precisar ficar procurando. Este é um conteúdo somente para membros, por favor Entre ou Cadastre-se Silencioso • Sem spam Cursos Atualizados Destaque 🚀 Acesse o Ninja Cursos Tenha milhares de cursos atualizados para evoluir rápido, com conteúdo novo chegando sempre. Este é um conteúdo somente para membros, por favor Entre ou Cadastre-se Conteúdo direto ao ponto Se quiser, responde aqui no tópico e me diz qual área você quer aprender primeiro 😉 /* ================================================== SOPHIA AUTO MSG — PROFISSIONAL • ANIMADO • IPS SAFE (tudo isolado em .sx- / .g1n- para não bugar tema) ================================================== */ .sx-wrap{ --bg1:#1d2130; --bg2:#171a25; --bd:rgba(255,255,255,.12); --tx:#e9ecf1; --mut:#cfd6e4; --red:#e10600; --red2:#ff3b30; --tg:#229ED9; background:linear-gradient(180deg, var(--bg1), var(--bg2)); border:1px solid var(--bd); border-radius:16px; padding:18px 18px 16px; position:relative; overflow:hidden; } /* Topbar animada */ .sx-topbar{ position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg, var(--red), var(--red2), var(--tg)); background-size:200% 100%; animation:sxBar 4.6s ease-in-out infinite; } @keyframes sxBar{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } } /* brilho sutil no fundo */ .sx-wrap::after{ content:""; position:absolute; inset:-60% -40%; background: radial-gradient(circle at 25% 30%, rgba(225,6,0,.16), transparent 55%), radial-gradient(circle at 75% 60%, rgba(34,158,217,.18), transparent 55%); transform: rotate(10deg); animation:sxFloat 7s ease-in-out infinite; pointer-events:none; opacity:.85; } @keyframes sxFloat{ 0%,100%{ transform: rotate(10deg) translateY(0); opacity:.85; } 50%{ transform: rotate(10deg) translateY(10px); opacity:.7; } } .sx-wrap > *{ position:relative; z-index:1; } .sx-head{ margin-top:6px; } .sx-badge{ display:inline-block; font-size:11px; font-weight:900; letter-spacing:.35px; padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:var(--mut); text-transform:uppercase; animation:sxPop .9s ease-out both; } @keyframes sxPop{ from{ transform: translateY(6px); opacity:0; } to{ transform: translateY(0); opacity:1; } } .sx-title{ margin:10px 0 6px; font-size:clamp(22px, 2.6vw, 30px); line-height:1.15; color:#fff; letter-spacing:-.25px; } .sx-name{ background:linear-gradient(90deg, #4fc3ff, #9ee7ff); -webkit-background-clip:text; background-clip:text; color:transparent; } .sx-sub{ margin:0 0 10px; color:var(--tx); font-size:15.5px; line-height:1.6; } .sx-meta{ display:flex; flex-wrap:wrap; gap:8px; color:var(--mut); font-size:12.5px; margin:10px 0 6px; } .sx-dot{ opacity:.6; } .sx-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; } @media (max-width:720px){ .sx-grid{ grid-template-columns:1fr; } } .sx-card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); border-radius:14px; padding:12px 14px; } .sx-cardTitle{ font-weight:900; color:#fff; margin-bottom:8px; letter-spacing:.2px; font-size:13px; text-transform:uppercase; } .sx-list{ margin:0; padding-left:18px; color:var(--tx); line-height:1.7; font-size:14.5px; } .sx-p{ margin:0; color:var(--tx); line-height:1.65; font-size:14.5px; } .sx-miniNote{ margin-top:10px; color:var(--mut); font-size:12.5px; opacity:1; } .sx-divider{ height:1px; background:linear-gradient(90deg, rgba(225,6,0,.45), rgba(34,158,217,.25), transparent); margin:16px 0 14px; } /* ====================== CARDS (G1-LIKE) ====================== */ .g1n-cta, .g1n-tg{ border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:16px 16px 18px; margin:14px 0; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); overflow:hidden; position:relative; } /* brilho de fundo sutil por card */ .g1n-cta::after, .g1n-tg::after{ content:""; position:absolute; inset:-70% -40%; background: radial-gradient(circle at 25% 30%, rgba(255,255,255,.10), transparent 55%), radial-gradient(circle at 75% 60%, rgba(255,255,255,.06), transparent 55%); transform: rotate(10deg); animation:g1nFloat 7s ease-in-out infinite; pointer-events:none; opacity:.6; } @keyframes g1nFloat{ 0%,100%{ transform: rotate(10deg) translateY(0); opacity:.6; } 50%{ transform: rotate(10deg) translateY(10px); opacity:.45; } } .g1n-cta > *, .g1n-tg > *{ position:relative; z-index:1; } .g1n-chips{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px; } .g1n-chip{ font-size:11px; font-weight:900; padding:6px 10px; border-radius:999px; background:#24283b; border:1px solid rgba(255,255,255,.14); color:#e9ecf1; text-transform:uppercase; letter-spacing:.35px; line-height:1; } .g1n-chip.hot{ color:#fff; background:rgba(225,6,0,.18); border-color:rgba(225,6,0,.45); } .g1n-title{ font-size:clamp(18px, 2.2vw, 22px); line-height:1.2; margin:6px 0 8px; color:#fff; } .g1n-brand{ background:linear-gradient(90deg, #ff3b30, #ff6a00); -webkit-background-clip:text; background-clip:text; color:transparent; } .g1n-subtitle{ font-size:15px; line-height:1.6; color:#e9ecf1; margin:0 0 12px; } .g1n-actions{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; } .g1n-btn{ display:inline-flex; align-items:center; gap:10px; padding:12px 16px; border-radius:12px; text-decoration:none !important; color:#fff !important; font-weight:900; border:1px solid rgba(225,6,0,.35); background:linear-gradient(90deg, #e10600, #ff3b30); position:relative; overflow:hidden; transition: transform .18s ease, filter .18s ease; will-change: transform; } /* Botão Telegram com cor própria */ .g1n-btn--tg{ border-color:rgba(34,158,217,.45); background:linear-gradient(90deg, rgba(34,158,217,.95), rgba(12,120,178,.95)); } /* brilho passando no botão */ .g1n-btn::before{ content:""; position:absolute; top:-30%; left:-55%; width:40%; height:160%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent); transform: rotate(18deg); animation:g1nSheen 3s ease-in-out infinite; pointer-events:none; } @keyframes g1nSheen{ 0%{ left:-60%; opacity:0; } 20%{ opacity:1; } 55%{ left:120%; opacity:0; } 100%{ left:120%; opacity:0; } } .g1n-btn:hover{ transform: translateY(-1px); filter: brightness(1.06); } .g1n-btn:active{ transform: translateY(0); } .g1n-btnIcon{ font-size:18px; } .g1n-btnText{ white-space:nowrap; } /* Ping verde */ .g1n-btnPing{ width:10px; height:10px; border-radius:50%; background:#22c55e; position:relative; flex:0 0 auto; } .g1n-btnPing::after{ content:""; position:absolute; inset:-8px; border-radius:50%; border:2px solid rgba(34,197,94,.40); animation:g1nPing 1.6s ease-out infinite; } @keyframes g1nPing{ 0%{ transform:scale(.5); opacity:.8; } 100%{ transform:scale(1.3); opacity:0; } } .g1n-mini{ font-size:12.5px; color:#cfd6e4; } /* Mobile: botão quebra melhor */ @media (max-width:520px){ .g1n-btnText{ white-space:normal; } } .sx-footer{ margin:16px 0 0; text-align:center; font-size:14.5px; color:#cfd6e4; }

AUTOMÁTICO Olá, meu nome é Sophia 👋 lab, vi que você acabou de entrar no D7Games. Separei um “atalho” pra você começar com o pé direito — rápido e sem enrolação. 🆔 2036 • 📅 06/13/2026 • 👤 View Member 📌 3 passos rápidos Complete seu perfil (foto + bio). Entre nas discussões e salve os tópicos que curtir. Ative o Telegram pra receber novidades em primeira mão. 🎯 Dica da Sophia Se você quer aprender mais e perder menos tempo, o melhor caminho é: Telegram (avisos) + Ninja Cursos (conteúdo) + Fórum (troca real). Sem spam. Conteúdo direto.   Telegram Atualizações Novos cursos 📲 Entre no grupo do Telegram Receba novos cursos, links e avisos direto no celular — sem precisar ficar procurando. Este é um conteúdo somente para membros, por favor Entre ou Cadastre-se Silencioso • Sem spam Cursos Atualizados Destaque 🚀 Acesse o Ninja Cursos Tenha milhares de cursos atualizados para evoluir rápido, com conteúdo novo chegando sempre. Este é um conteúdo somente para membros, por favor Entre ou Cadastre-se Conteúdo direto ao ponto Se quiser, responde aqui no tópico e me diz qual área você quer aprender primeiro 😉 /* ================================================== SOPHIA AUTO MSG — PROFISSIONAL • ANIMADO • IPS SAFE (tudo isolado em .sx- / .g1n- para não bugar tema) ================================================== */ .sx-wrap{ --bg1:#1d2130; --bg2:#171a25; --bd:rgba(255,255,255,.12); --tx:#e9ecf1; --mut:#cfd6e4; --red:#e10600; --red2:#ff3b30; --tg:#229ED9; background:linear-gradient(180deg, var(--bg1), var(--bg2)); border:1px solid var(--bd); border-radius:16px; padding:18px 18px 16px; position:relative; overflow:hidden; } /* Topbar animada */ .sx-topbar{ position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg, var(--red), var(--red2), var(--tg)); background-size:200% 100%; animation:sxBar 4.6s ease-in-out infinite; } @keyframes sxBar{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } } /* brilho sutil no fundo */ .sx-wrap::after{ content:""; position:absolute; inset:-60% -40%; background: radial-gradient(circle at 25% 30%, rgba(225,6,0,.16), transparent 55%), radial-gradient(circle at 75% 60%, rgba(34,158,217,.18), transparent 55%); transform: rotate(10deg); animation:sxFloat 7s ease-in-out infinite; pointer-events:none; opacity:.85; } @keyframes sxFloat{ 0%,100%{ transform: rotate(10deg) translateY(0); opacity:.85; } 50%{ transform: rotate(10deg) translateY(10px); opacity:.7; } } .sx-wrap > *{ position:relative; z-index:1; } .sx-head{ margin-top:6px; } .sx-badge{ display:inline-block; font-size:11px; font-weight:900; letter-spacing:.35px; padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:var(--mut); text-transform:uppercase; animation:sxPop .9s ease-out both; } @keyframes sxPop{ from{ transform: translateY(6px); opacity:0; } to{ transform: translateY(0); opacity:1; } } .sx-title{ margin:10px 0 6px; font-size:clamp(22px, 2.6vw, 30px); line-height:1.15; color:#fff; letter-spacing:-.25px; } .sx-name{ background:linear-gradient(90deg, #4fc3ff, #9ee7ff); -webkit-background-clip:text; background-clip:text; color:transparent; } .sx-sub{ margin:0 0 10px; color:var(--tx); font-size:15.5px; line-height:1.6; } .sx-meta{ display:flex; flex-wrap:wrap; gap:8px; color:var(--mut); font-size:12.5px; margin:10px 0 6px; } .sx-dot{ opacity:.6; } .sx-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; } @media (max-width:720px){ .sx-grid{ grid-template-columns:1fr; } } .sx-card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); border-radius:14px; padding:12px 14px; } .sx-cardTitle{ font-weight:900; color:#fff; margin-bottom:8px; letter-spacing:.2px; font-size:13px; text-transform:uppercase; } .sx-list{ margin:0; padding-left:18px; color:var(--tx); line-height:1.7; font-size:14.5px; } .sx-p{ margin:0; color:var(--tx); line-height:1.65; font-size:14.5px; } .sx-miniNote{ margin-top:10px; color:var(--mut); font-size:12.5px; opacity:1; } .sx-divider{ height:1px; background:linear-gradient(90deg, rgba(225,6,0,.45), rgba(34,158,217,.25), transparent); margin:16px 0 14px; } /* ====================== CARDS (G1-LIKE) ====================== */ .g1n-cta, .g1n-tg{ border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:16px 16px 18px; margin:14px 0; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); overflow:hidden; position:relative; } /* brilho de fundo sutil por card */ .g1n-cta::after, .g1n-tg::after{ content:""; position:absolute; inset:-70% -40%; background: radial-gradient(circle at 25% 30%, rgba(255,255,255,.10), transparent 55%), radial-gradient(circle at 75% 60%, rgba(255,255,255,.06), transparent 55%); transform: rotate(10deg); animation:g1nFloat 7s ease-in-out infinite; pointer-events:none; opacity:.6; } @keyframes g1nFloat{ 0%,100%{ transform: rotate(10deg) translateY(0); opacity:.6; } 50%{ transform: rotate(10deg) translateY(10px); opacity:.45; } } .g1n-cta > *, .g1n-tg > *{ position:relative; z-index:1; } .g1n-chips{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px; } .g1n-chip{ font-size:11px; font-weight:900; padding:6px 10px; border-radius:999px; background:#24283b; border:1px solid rgba(255,255,255,.14); color:#e9ecf1; text-transform:uppercase; letter-spacing:.35px; line-height:1; } .g1n-chip.hot{ color:#fff; background:rgba(225,6,0,.18); border-color:rgba(225,6,0,.45); } .g1n-title{ font-size:clamp(18px, 2.2vw, 22px); line-height:1.2; margin:6px 0 8px; color:#fff; } .g1n-brand{ background:linear-gradient(90deg, #ff3b30, #ff6a00); -webkit-background-clip:text; background-clip:text; color:transparent; } .g1n-subtitle{ font-size:15px; line-height:1.6; color:#e9ecf1; margin:0 0 12px; } .g1n-actions{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; } .g1n-btn{ display:inline-flex; align-items:center; gap:10px; padding:12px 16px; border-radius:12px; text-decoration:none !important; color:#fff !important; font-weight:900; border:1px solid rgba(225,6,0,.35); background:linear-gradient(90deg, #e10600, #ff3b30); position:relative; overflow:hidden; transition: transform .18s ease, filter .18s ease; will-change: transform; } /* Botão Telegram com cor própria */ .g1n-btn--tg{ border-color:rgba(34,158,217,.45); background:linear-gradient(90deg, rgba(34,158,217,.95), rgba(12,120,178,.95)); } /* brilho passando no botão */ .g1n-btn::before{ content:""; position:absolute; top:-30%; left:-55%; width:40%; height:160%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent); transform: rotate(18deg); animation:g1nSheen 3s ease-in-out infinite; pointer-events:none; } @keyframes g1nSheen{ 0%{ left:-60%; opacity:0; } 20%{ opacity:1; } 55%{ left:120%; opacity:0; } 100%{ left:120%; opacity:0; } } .g1n-btn:hover{ transform: translateY(-1px); filter: brightness(1.06); } .g1n-btn:active{ transform: translateY(0); } .g1n-btnIcon{ font-size:18px; } .g1n-btnText{ white-space:nowrap; } /* Ping verde */ .g1n-btnPing{ width:10px; height:10px; border-radius:50%; background:#22c55e; position:relative; flex:0 0 auto; } .g1n-btnPing::after{ content:""; position:absolute; inset:-8px; border-radius:50%; border:2px solid rgba(34,197,94,.40); animation:g1nPing 1.6s ease-out infinite; } @keyframes g1nPing{ 0%{ transform:scale(.5); opacity:.8; } 100%{ transform:scale(1.3); opacity:0; } } .g1n-mini{ font-size:12.5px; color:#cfd6e4; } /* Mobile: botão quebra melhor */ @media (max-width:520px){ .g1n-btnText{ white-space:normal; } } .sx-footer{ margin:16px 0 0; text-align:center; font-size:14.5px; color:#cfd6e4; }