<>
.otp-banner {
margin: 0;
padding: 14px 18px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
background: linear-gradient(135deg#a34ba3#d77fd7);
box-shadow: 0 0 20px rgba(2121082120.5);
animation: smoothGlow 10s ease-in-out infinite;
}
.otp-banner a {
text-decoration: none;
color: #fff;
font-size: 17px;
font-family: "Segoe UI"Arialsans-serif;
display: flex;
align-items: center;
}
.otp-banner img {
margin-right: 10px;
filter: drop-shadow(0 0 5px rgba(255,255,255,0.7));
animation: iconPulse 3s ease-in-out infinite;
}
.otp-banner span {
text-shadow: 0 0 6px rgba(255,255,255,0.6);
}
/* Smooth background color transition */
@keyframes smoothGlow {
0% {
background: linear-gradient(135deg#a34ba3#d77fd7);
box-shadow: 0 0 20px rgba(2121082120.5);
}
25% {
background: linear-gradient(135deg#8a5cf5#a67de1);
box-shadow: 0 0 25px rgba(138922450.6);
}
50% {
background: linear-gradient(135deg#5cc6f5#a3e2ff);
box-shadow: 0 0 25px rgba(921982450.6);
}
75% {
background: linear-gradient(135deg#6ce7a3#91f5d0);
box-shadow: 0 0 25px rgba(1082311630.5);
}
100% {
background: linear-gradient(135deg#f5b05c#f57e7e);
box-shadow: 0 0 25px rgba(2451261260.5);
}
}
/* Icon subtle pulsing effect */
@keyframes iconPulse {
0%100% {
transform: scale(1);
filter: drop-shadow(0 0 4px rgba(255,255,255,0.7));
}
50% {
transform: scale(1.1);
filter: drop-shadow(0 0 10px rgba(255,255,255,1));
}
}
GAProLogin Tool Services
<>
body {
margin: 0;
font-family: "Segoe UI"sans-serif;
background: linear-gradient(135deg,#65d6ff,#ff7eb3);
height: 100vh;
overflow-x: hidden;
}
/* Popup overlay */
#popupOverlay {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
visibility: hidden;
opacity: 0;
transition: 0.4s;
}
#popupOverlay.show {
visibility: visible;
opacity: 1;
}
/* Popup Box */
.popupBox {
width: 90%;
max-width: 480px;
background: linear-gradient(135deg,#ffffff,#e8faff);
color: #111;
border-radius: 18px;
box-shadow: 0 10px 35px rgba(0,0,0,0.3);
padding: 25px;
position: relative;
text-align: center;
animation: zoomIn 0.5s ease;
}
@keyframes zoomIn {
from { transform: scale(0.8); opacity: 0; }
to { transform: scale(1); opacity: 1; }
}
.popupBox h2 {
margin: 0;
color: #003d82;
font-size: 22px;
}
.popupBox p {
margin: 12px 0;
font-size: 14px;
color: #333;
}
.popupBox p a{
color:#003d82;
text-decoration:none;
font-weight:600;
}
.popupBox .btn {
display: inline-block;
margin-top: 15px;
padding: 10px 20px;
border-radius: 10px;
font-weight: bold;
cursor: pointer;
transition: 0.3s;
border: none;
}
.popupBox .download {
background: linear-gradient(90deg,#6c5ce7,#ff7eb3);
color: #fff;
}
.popupBox .donate {
background: #ffde59;
color: #000;
}
.popupBox .btn:hover {
transform: scale(1.05);
}
.closeBtn {
position: absolute;
top: 10px;
right: 14px;
font-size: 18px;
cursor: pointer;
background: #ff5e5e;
color: white;
border-radius: 50%;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
}
.dontShow {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
margin-top: 10px;
font-size: 13px;
}
.dontShow input {
transform: scale(1.1);
}
×
Live
Resellers: 1576
Online: 9562
Countries: 46
<>
/* Live এর পাশে ছোট ঝিকমিক অ্যানিমেশন */
.pulse {
width: 5px;
height: 5px;
background: red;
border-radius: 50%;
animation: pulseAnim 1.2s infinite;
}
@keyframes pulseAnim {
0% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.3); opacity: 0.5; }
100% { transform: scale(1); opacity: 1; }
}
/* Raindrop Effect (আগের কোড থেকে) */
.raindrop {
position: absolute;
top: -10px;
width: 3px;
height: 30px;
animation: fall 1s infinite linear;
opacity: 0.3;
z-index: 5;
}
@keyframes fall {
0% { top: -10px; opacity: 0.3; }
50% { opacity: 0.6; }
100% { top: 100%; opacity: 0.3; }
}
/* রেইনড্রপ রং */
.raindrop:nth-child(1) { left: 10%; animation-delay: 0s; background: rgba(02552550.6); }
.raindrop:nth-child(2) { left: 20%; animation-delay: 0.2s; background: rgba(2551051800.6); }
.raindrop:nth-child(3) { left: 30%; animation-delay: 0.4s; background: rgba(341931950.6); }
.raindrop:nth-child(4) { left: 40%; animation-delay: 0.6s; background: rgba(25516500.6); }
.raindrop:nth-child(5) { left: 50%; animation-delay: 0.8s; background: rgba(2556900.6); }
.raindrop:nth-child(6) { left: 60%; animation-delay: 1s; background: rgba(7501300.6); }
.raindrop:nth-child(7) { left: 70%; animation-delay: 1.2s; background: rgba(138432260.6); }
.raindrop:nth-child(8) { left: 80%; animation-delay: 1.4s; background: rgba(01281280.6); }
.raindrop:nth-child(9) { left: 90%; animation-delay: 1.6s; background: rgba(025500.6); }
/* Bubble Effect - নিচ থেকে উপরে উঠবেরঙিন বাবল */
.bubble {
position: fixed; /* fixed থাকবে যাতে স্ক্রল করলে যায় না */
bottom: 0;
border-radius: 50%;
pointer-events: none;
z-index: 10000;
animation-name: bubbleRise;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
@keyframes bubbleRise {
0% {
transform: translateY(0) scale(1);
opacity: 0.8;
}
100% {
transform: translateY(-110vh) scale(1.5);
opacity: 0;
}
}
GsmToolBuy Popup with Drag & Analytics
<>
.popup-overlay {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background-color: rgba(0000.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.popup-box {
position: absolute; /* changed to absolute for drag */
background: #fff;
padding: 20px;
border-radius: 15px;
max-width: 90%;
text-align: center;
box-shadow: 0 0 20px rgba(0,0,0,0.3);
cursor: move; /* cursor hint for drag */
user-select: none; /* prevent text selection while dragging */
}
.popup-box h2 {
margin-top: 0;
font-size: 22px;
color: #007BFF;
cursor: grab; /* cursor for draggable header */
user-select: none;
}
.popup-box p {
margin: 15px 0;
font-size: 16px;
user-select: text;
cursor: default;
}
.popup-box button {
background-color: #28a745;
color: white;
border: none;
padding: 10px 20px;
font-size: 16px;
border-radius: 8px;
cursor: pointer;
margin: 5px;
user-select: none;
}
.popup-box button:hover {
opacity: 0.9;
}
.btn-no-show {
background-color: #dc3545;
}
<>
.sticky-container {
padding: 0;
margin: 0;
position: fixed;
right: -160px;
top: 45%;
transform: translateY(-50%);
width: 200px;
z-index: 1100;
}
.sticky {
list--type: none;
padding: 0;
}
.sticky li {
background: linear-gradient(135deg#1e3c72#2a5298);
border-radius: 6px;
height: 35px;
display: flex;
align-items: center;
padding: 3px 4px;
margin: 0 0 4px 0;
transition: all 0.4s ease;
cursor: pointer;
border: 1px solid transparent;
box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
.sticky li:hover {
margin-left: -70px;
background: linear-gradient(135deg#ff512f#dd2476);
border: 1px solid #ffffff;
box-shadow: 0 3px 6px rgba(0,0,0,0.4);
}
.sticky li img {
margin-right: 8px;
width: 34px;
height: 34px;
object-fit: contain;
}
.sticky li a {
color: #ffffff;
text-decoration: none;
font-weight: 600;
font-size: 13px;
}
/* কনফেটি স্টাইল */
.confetti {
position: fixed;
border-radius: 50%;
pointer-events: none;
animation: fly 3s linear forwards;
z-index: 9999;
filter: drop-shadow(0 0 6px rgba(255,255,255,0.7));
}
@keyframes fly {
0% {
opacity: 1;
transform: translate(00) rotate(0deg);
}
100% {
opacity: 0;
transform: translate(var(--x)var(--y)) rotate(720deg);
}
}
DFT Pro Tool
Android Multi Tool
iTunes Gift Card
Hydra Tool
Internet Download Manager
Iremoval Pro
TFM Tool Pro
![MotoUnlockTool FRP,MDM,Bootloader Unlock,Dual Imei,CPID,Network Unlock,Flash [New User]](/media/motounlocktool.jpeg)
![[Rent] - Unlock Tool Rent For 6 Hours v2 high](/media/whatsapp-image-2025-09-14-at-9-11-19-am.jpeg)
