AUTOMÁTICO Olá, meu nome é Sophia 👋 samantamendes, 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. 🆔 2557 • 📅 08/03/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 👋 guchandoha, 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. 🆔 2556 • 📅 08/02/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 👋 DanteSS, 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. 🆔 2555 • 📅 08/02/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 👋 davi, 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. 🆔 2554 • 📅 08/02/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; }

/* ========================================================== CONFIGURAÇÕES GERAIS ========================================================== */ .cf-recruit, .cf-recruit * { box-sizing: border-box; } .cf-recruit { --cf-orange: #ff5b19; --cf-orange-light: #ff963f; --cf-orange-dark: #b52c00; --cf-green: #3ee391; --cf-blue: #6674ff; --cf-white: #f5f7fa; --cf-text: #c9d2dc; --cf-muted: #8995a5; --cf-bg: #06080c; --cf-bg-soft: #0c1118; --cf-panel: #111720; --cf-panel-light: #171e28; --cf-border: rgba(255, 255, 255, 0.09); --cf-orange-border: rgba(255, 91, 25, 0.38); position: relative; isolation: isolate; width: 100%; max-width: 1180px; margin: 24px auto; overflow: hidden; color: var(--cf-text); background: radial-gradient( circle at 50% -5%, rgba(255, 91, 25, 0.20), transparent 31% ), radial-gradient( circle at 95% 48%, rgba(255, 91, 25, 0.07), transparent 28% ), linear-gradient( 145deg, #05070a 0%, #0c1118 48%, #06080c 100% ); border: 1px solid var(--cf-orange-border); border-radius: 22px; font-family: Inter, "Segoe UI", Arial, Helvetica, sans-serif; box-shadow: 0 30px 90px rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.04); } /* Grade tecnológica de fundo */ .cf-recruit::before { content: ""; position: absolute; inset: 0; z-index: -2; pointer-events: none; opacity: 0.18; background-image: linear-gradient( rgba(255, 255, 255, 0.025) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px ); background-size: 42px 42px; mask-image: linear-gradient( to bottom, #000 0%, rgba(0, 0, 0, 0.7) 50%, transparent 94% ); } /* Reflexo animado */ .cf-recruit::after { content: ""; position: absolute; top: -25%; left: -55%; z-index: -1; width: 32%; height: 155%; pointer-events: none; opacity: 0.20; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.08), transparent ); transform: rotate(16deg); animation: cfLightSweep 10s linear infinite; } .cf-container { position: relative; z-index: 2; padding: 46px; } /* ========================================================== HERO ========================================================== */ .cf-hero { position: relative; min-height: 580px; overflow: hidden; display: flex; align-items: flex-end; padding: 52px; background: linear-gradient( 90deg, rgba(4, 6, 9, 0.98) 0%, rgba(4, 6, 9, 0.88) 42%, rgba(4, 6, 9, 0.30) 100% ), linear-gradient( 0deg, rgba(4, 6, 9, 0.96) 0%, transparent 60% ), url("https://d7games.com.br/counter/lobby.png") center center / cover no-repeat; border: 1px solid var(--cf-border); border-radius: 18px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 24px 55px rgba(0, 0, 0, 0.32); } .cf-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient( 115deg, transparent 0%, transparent 45%, rgba(255, 91, 25, 0.08) 58%, transparent 69% ); animation: cfHeroGlow 8s ease-in-out infinite alternate; } .cf-hero::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: linear-gradient( 90deg, transparent, var(--cf-orange), var(--cf-orange-light), transparent ); box-shadow: 0 0 20px rgba(255, 91, 25, 0.50); } .cf-hero-content { position: relative; z-index: 3; width: 100%; max-width: 720px; } .cf-status { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; padding: 9px 15px; color: #e0e6ec; background: rgba(8, 12, 17, 0.78); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 999px; font-size: 11px; font-weight: 900; letter-spacing: 1.4px; text-transform: uppercase; backdrop-filter: blur(10px); } .cf-status-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--cf-green); box-shadow: 0 0 15px var(--cf-green); animation: cfPulse 1.6s ease-in-out infinite; } .cf-main-logo { display: block; width: min(520px, 88%); height: auto; margin: 0 0 26px; filter: drop-shadow(0 15px 24px rgba(0, 0, 0, 0.75)) drop-shadow(0 0 18px rgba(255, 91, 25, 0.10)); } .cf-hero-title { max-width: 680px; margin: 0 0 14px; color: #ffffff; font-size: clamp(30px, 5vw, 52px); font-weight: 950; line-height: 1.04; letter-spacing: -1px; text-transform: uppercase; text-shadow: 0 8px 22px rgba(0, 0, 0, 0.70); } .cf-hero-title span { color: var(--cf-orange-light); } .cf-hero-description { max-width: 680px; margin: 0; color: #c7d0da; font-size: 17px; line-height: 1.75; text-shadow: 0 3px 12px rgba(0, 0, 0, 0.75); } .cf-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 25px; } .cf-tag { padding: 9px 14px; color: #d4dbe3; background: rgba(8, 12, 17, 0.76); border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 999px; font-size: 10px; font-weight: 850; letter-spacing: 0.8px; text-transform: uppercase; backdrop-filter: blur(8px); } /* ========================================================== ESTRUTURA DAS SEÇÕES ========================================================== */ .cf-section { margin-top: 48px; } .cf-section-title { display: flex; align-items: center; gap: 14px; margin: 0 0 22px; color: #ffffff; font-size: 22px; font-weight: 900; line-height: 1.3; letter-spacing: 0.7px; text-transform: uppercase; } .cf-title-icon { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; flex: 0 0 46px; color: var(--cf-orange-light); background: linear-gradient( 145deg, rgba(255, 91, 25, 0.16), rgba(255, 91, 25, 0.035) ); border: 1px solid rgba(255, 91, 25, 0.32); border-radius: 11px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 20px rgba(0, 0, 0, 0.20); } .cf-title-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================== SOBRE O PROJETO ========================================================== */ .cf-about { position: relative; overflow: hidden; padding: 30px 31px; color: #c7d0da; background: linear-gradient( 135deg, rgba(255, 91, 25, 0.075), transparent 46% ), rgba(255, 255, 255, 0.025); border: 1px solid var(--cf-border); border-left: 4px solid var(--cf-orange); border-radius: 14px; font-size: 16px; line-height: 1.86; } .cf-about::after { content: "CF"; position: absolute; right: 18px; bottom: -24px; color: rgba(255, 255, 255, 0.025); font-size: 128px; font-weight: 950; font-style: italic; line-height: 1; } .cf-about strong { color: #ffffff; } .cf-highlight { color: var(--cf-orange-light); font-weight: 800; } /* ========================================================== GALERIA DE IMAGENS ========================================================== */ .cf-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .cf-media-card { position: relative; overflow: hidden; background: linear-gradient( 145deg, rgba(255, 91, 25, 0.05), transparent 38% ), #080b10; border: 1px solid var(--cf-border); border-radius: 15px; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.035); transition: transform 0.30s ease, border-color 0.30s ease, box-shadow 0.30s ease; } .cf-media-card:hover { transform: translateY(-6px); border-color: rgba(255, 91, 25, 0.50); box-shadow: 0 26px 54px rgba(0, 0, 0, 0.42), 0 0 34px rgba(255, 91, 25, 0.07); } .cf-media-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; background: linear-gradient( 90deg, rgba(255, 91, 25, 0.09), transparent 44% ), #111720; border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .cf-media-name { display: flex; align-items: center; gap: 10px; color: #f1f3f6; font-size: 12px; font-weight: 850; letter-spacing: 0.7px; text-transform: uppercase; } .cf-media-name svg { width: 19px; height: 19px; flex: 0 0 19px; color: var(--cf-orange); fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .cf-media-status { display: inline-flex; align-items: center; gap: 7px; color: var(--cf-green); font-size: 9px; font-weight: 900; letter-spacing: 0.9px; text-transform: uppercase; } .cf-media-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; } .cf-image-link { position: relative; display: block; overflow: hidden; background: #05070a; text-decoration: none !important; } .cf-project-image { display: block; width: 100%; height: 355px; object-fit: cover; object-position: center; transition: transform 0.55s ease, filter 0.55s ease; } .cf-image-link::after { content: "ABRIR IMAGEM"; position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; min-width: 145px; min-height: 44px; padding: 0 17px; color: #ffffff; background: rgba(6, 9, 13, 0.88); border: 1px solid rgba(255, 91, 25, 0.55); border-radius: 8px; font-size: 10px; font-weight: 900; letter-spacing: 1px; opacity: 0; transform: translate(-50%, -40%); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45); transition: opacity 0.30s ease, transform 0.30s ease; } .cf-image-link:hover .cf-project-image { transform: scale(1.045); filter: brightness(0.68); } .cf-image-link:hover::after { opacity: 1; transform: translate(-50%, -50%); } .cf-media-footer { padding: 15px 18px; color: var(--cf-muted); background: #0d1218; border-top: 1px solid rgba(255, 255, 255, 0.06); font-size: 12px; line-height: 1.6; } /* ========================================================== VAGAS ========================================================== */ .cf-jobs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; } .cf-job-card { position: relative; min-height: 100%; overflow: hidden; padding: 27px; background: linear-gradient( 145deg, rgba(255, 91, 25, 0.065), transparent 40% ), var(--cf-panel); border: 1px solid var(--cf-border); border-radius: 15px; transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease; } .cf-job-card::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient( 90deg, transparent, var(--cf-orange), transparent ); transform: scaleX(0); transition: transform 0.30s ease; } .cf-job-card:hover { transform: translateY(-7px); border-color: rgba(255, 91, 25, 0.50); box-shadow: 0 21px 44px rgba(0, 0, 0, 0.38); } .cf-job-card:hover::before { transform: scaleX(1); } .cf-job-number { position: absolute; right: 18px; top: 15px; color: rgba(255, 255, 255, 0.055); font-size: 48px; font-weight: 950; line-height: 1; } .cf-job-icon { display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; margin-bottom: 21px; color: #ffffff; background: linear-gradient( 145deg, var(--cf-orange-light), var(--cf-orange-dark) ); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 14px; box-shadow: 0 13px 28px rgba(255, 76, 12, 0.23), inset 0 1px 0 rgba(255, 255, 255, 0.23); } .cf-job-icon svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .cf-job-card h3 { position: relative; z-index: 2; margin: 0 0 12px; color: #ffffff; font-size: 19px; font-weight: 900; line-height: 1.3; text-transform: uppercase; } .cf-job-description { margin: 0 0 20px; color: var(--cf-muted); font-size: 14px; line-height: 1.70; } .cf-job-card h4 { margin: 20px 0 11px; color: var(--cf-orange-light); font-size: 11px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; } .cf-list { margin: 0; padding: 0; list-style: none; } .cf-list li { position: relative; margin: 10px 0; padding-left: 21px; color: #c7d0da; font-size: 13px; line-height: 1.55; } .cf-list li::before { content: ""; position: absolute; left: 2px; top: 8px; width: 7px; height: 7px; background: var(--cf-orange); transform: rotate(45deg); box-shadow: 0 0 8px rgba(255, 91, 25, 0.55); } /* ========================================================== BENEFÍCIOS ========================================================== */ .cf-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .cf-benefit { min-height: 165px; padding: 23px 17px; text-align: center; background: linear-gradient( 160deg, rgba(255, 91, 25, 0.065), transparent 62% ), var(--cf-panel-light); border: 1px solid var(--cf-border); border-radius: 13px; transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease; } .cf-benefit:hover { transform: translateY(-5px); border-color: rgba(255, 91, 25, 0.42); background: linear-gradient( 160deg, rgba(255, 91, 25, 0.11), transparent 65% ), var(--cf-panel-light); } .cf-benefit-icon { display: flex; align-items: center; justify-content: center; width: 49px; height: 49px; margin: 0 auto 16px; color: var(--cf-orange-light); background: rgba(255, 91, 25, 0.09); border: 1px solid rgba(255, 91, 25, 0.28); border-radius: 11px; } .cf-benefit-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .cf-benefit strong { display: block; margin-bottom: 7px; color: #ffffff; font-size: 14px; } .cf-benefit span { color: #abb6c3; font-size: 12px; line-height: 1.55; } /* ========================================================== COMO PARTICIPAR ========================================================== */ .cf-application { padding: 31px; background: radial-gradient( circle at 88% 20%, rgba(255, 91, 25, 0.13), transparent 31% ), linear-gradient( 135deg, #151b24, #0d1117 ); border: 1px solid var(--cf-orange-border); border-radius: 16px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 18px 40px rgba(0, 0, 0, 0.24); } .cf-application-text { margin: 0 0 23px; color: #c8d1dc; font-size: 15px; line-height: 1.75; } .cf-info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin-bottom: 27px; } .cf-info-item { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 13px 15px; color: #bac5d0; background: rgba(0, 0, 0, 0.25); border: 1px solid rgba(255, 255, 255, 0.075); border-radius: 9px; font-size: 13px; } .cf-info-item svg { width: 19px; height: 19px; flex: 0 0 19px; color: var(--cf-orange); fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================== DISCORD ========================================================== */ .cf-discord { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 24px; background: radial-gradient( circle at 15% 50%, rgba(88, 101, 242, 0.19), transparent 36% ), rgba(88, 101, 242, 0.075); border: 1px solid rgba(117, 128, 255, 0.38); border-radius: 13px; } .cf-discord-profile { display: flex; align-items: center; gap: 16px; } .cf-discord-icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; flex: 0 0 56px; color: #ffffff; background: linear-gradient( 145deg, #6975ff, #4c57d6 ); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 14px; box-shadow: 0 11px 27px rgba(88, 101, 242, 0.31), inset 0 1px 0 rgba(255, 255, 255, 0.18); } .cf-discord-icon svg { width: 32px; height: 32px; fill: currentColor; } .cf-discord-label { display: block; margin-bottom: 5px; color: #a8b0ff; font-size: 10px; font-weight: 900; letter-spacing: 1.2px; text-transform: uppercase; } .cf-discord-user { display: inline-block; padding: 4px 9px; color: #ffffff; background: rgba(0, 0, 0, 0.20); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 6px; font-family: Consolas, Monaco, monospace; font-size: 21px; font-weight: 900; user-select: all; } .cf-discord-note { display: block; margin-top: 6px; color: #8f9baa; font-size: 11px; } .cf-discord-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 23px; color: #ffffff !important; background: linear-gradient( 135deg, #6975ff, #4c57d4 ); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 9px; font-size: 11px; font-weight: 900; letter-spacing: 0.8px; text-decoration: none !important; text-transform: uppercase; box-shadow: 0 11px 26px rgba(88, 101, 242, 0.24); transition: transform 0.22s ease, filter 0.22s ease, box-shadow 0.22s ease; } .cf-discord-button:hover { color: #ffffff !important; transform: translateY(-3px); filter: brightness(1.13); box-shadow: 0 16px 34px rgba(88, 101, 242, 0.32); } .cf-discord-button svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================== AVISO ========================================================== */ .cf-notice { display: flex; align-items: flex-start; gap: 14px; margin-top: 25px; padding: 18px 20px; color: #9ca8b6; background: rgba(255, 255, 255, 0.025); border: 1px solid rgba(255, 255, 255, 0.075); border-radius: 11px; font-size: 12px; line-height: 1.65; } .cf-notice svg { width: 21px; height: 21px; flex: 0 0 21px; margin-top: 1px; color: var(--cf-orange-light); fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================== RODAPÉ ========================================================== */ .cf-footer { margin-top: 49px; padding: 31px 15px 5px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.075); } .cf-footer-logo { display: block; width: min(310px, 80%); height: auto; margin: 0 auto 15px; filter: drop-shadow(0 12px 19px rgba(0, 0, 0, 0.55)); } .cf-footer-slogan { display: block; color: var(--cf-orange-light); font-size: 11px; font-weight: 850; letter-spacing: 1.5px; text-transform: uppercase; } .cf-footer-legal { display: block; max-width: 780px; margin: 14px auto 0; color: #66717e; font-size: 10px; line-height: 1.58; } /* ========================================================== ANIMAÇÕES ========================================================== */ @keyframes cfPulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.40; transform: scale(0.72); } } @keyframes cfLightSweep { 0% { left: -55%; } 58%, 100% { left: 135%; } } @keyframes cfHeroGlow { from { opacity: 0.40; transform: translateX(-4%); } to { opacity: 1; transform: translateX(4%); } } /* ========================================================== RESPONSIVO ========================================================== */ @media (max-width: 980px) { .cf-container { padding: 32px 22px; } .cf-hero { min-height: 540px; padding: 38px; } .cf-gallery { grid-template-columns: 1fr; } .cf-jobs { grid-template-columns: 1fr; } .cf-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cf-project-image { height: auto; max-height: 590px; object-fit: contain; } } @media (max-width: 680px) { .cf-recruit { border-radius: 14px; } .cf-container { padding: 14px; } .cf-hero { min-height: 610px; align-items: flex-end; padding: 27px 19px; background: linear-gradient( 0deg, rgba(4, 6, 9, 1) 0%, rgba(4, 6, 9, 0.88) 52%, rgba(4, 6, 9, 0.30) 100% ), url("https://d7games.com.br/counter/lobby.png") center center / cover no-repeat; } .cf-main-logo { width: min(440px, 100%); } .cf-hero-title { font-size: 31px; } .cf-hero-description { font-size: 14px; } .cf-tag { font-size: 9px; } .cf-section { margin-top: 38px; } .cf-section-title { align-items: flex-start; font-size: 18px; } .cf-about { padding: 23px 20px; font-size: 14px; } .cf-media-header { align-items: flex-start; flex-direction: column; } .cf-project-image { height: auto; max-height: none; } .cf-benefits, .cf-info-grid { grid-template-columns: 1fr; } .cf-application { padding: 21px 16px; } .cf-discord { align-items: stretch; flex-direction: column; } .cf-discord-button { width: 100%; } .cf-discord-user { font-size: 18px; } } @media (prefers-reduced-motion: reduce) { .cf-recruit::after, .cf-recruit *, .cf-recruit *::before, .cf-recruit *::after { animation: none !important; transition: none !important; } } Recrutamento oficial aberto Faça parte da próxima grande batalha O Counter Fire é um projeto independente inspirado na essência dos FPS clássicos, trazendo uma experiência nova e nostálgica ao mesmo tempo. FPS competitivo Desenvolvido em Unity Projeto independente Comunidade participativa Sobre o Counter Fire O Counter Fire nasceu com o objetivo de recuperar a atmosfera e a competitividade dos grandes jogos de tiro online que marcaram uma geração. Estamos construindo uma experiência que mistura elementos clássicos com sistemas modernos , incluindo partidas rápidas, salas personalizadas, diferentes modos de jogo, progressão, personalização e uma comunidade participando diretamente da evolução do projeto. Procuramos pessoas responsáveis, criativas e apaixonadas por FPS para ajudar no desenvolvimento do jogo e na organização da comunidade oficial. Imagens reais do projeto Lobby e sistema de salas Em desenvolvimento Interface de navegação, salas personalizadas, perfil, sistema social, chat e informações das partidas. Gameplay e cenários Em desenvolvimento Cenários, mapas, ambientação, elementos interativos e testes internos de desempenho e jogabilidade. Vagas disponíveis 01 Integrador de armas 3D Procuramos alguém para trabalhar com importação, adaptação, configuração e otimização de armas e modelos 3D dentro da Unity. Conhecimentos desejados Importação de modelos 3D para Unity Configuração de materiais e texturas Animações de armas em primeira pessoa Rigging, prefabs e organização de assets Blender, Maya ou 3ds Max Otimização de modelos para jogos Experiência com FPS semelhantes ao CrossFire 02 Moderador da comunidade Buscamos moderadores responsáveis para auxiliar os jogadores e manter a comunidade organizada, segura e respeitosa. Principais responsabilidades Orientar e receber novos membros Analisar denúncias e conflitos Aplicar as regras da comunidade Encaminhar bugs e sugestões Ajudar na organização de eventos Manter comunicação clara e imparcial 03 Administrador do Discord Procuramos alguém experiente para estruturar, administrar e desenvolver o servidor oficial do Counter Fire. Conhecimentos desejados Configuração de cargos e permissões Organização de categorias e canais Bots de tickets, logs e moderação Segurança e proteção contra spam Criação de anúncios e eventos Boa comunicação e disponibilidade Por que participar Cargo oficial Reconhecimento como integrante da equipe do projeto. Acesso antecipado Participação em testes e versões internas do jogo. Créditos no projeto Reconhecimento público pelas contribuições realizadas. Crescimento conjunto Oportunidade de evoluir junto com o jogo e a comunidade. Como participar Quem tiver interesse deve entrar em contato pelo Discord e enviar uma apresentação contendo as informações abaixo. Nome ou apelido Idade Função desejada Experiência anterior Disponibilidade diária Portfólio, caso possua Usuário oficial no Discord adrianocf Clique e selecione o usuário para copiar. Este é um conteúdo somente para membros, por favor Entre ou Cadastre-se O Counter Fire é um projeto independente. Todo conteúdo utilizado no desenvolvimento deverá ser próprio, licenciado ou possuir autorização de uso. Detalhes sobre responsabilidades e condições de participação serão explicados diretamente aos candidatos. O passado que marcou uma geração. A nova batalha começa agora. Counter Fire é um projeto independente inspirado na experiência clássica dos FPS online. Não possui associação oficial com CrossFire, Smilegate ou outras marcas utilizadas apenas como referência.