/* GPL Hero Banner — gpl-hero-banner.css */

.gpl-hero {
	background: #111d30;
	border-radius: 0;
	padding: 80px 40px;
	min-height: 400px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

.gpl-hero__inner {
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 60px;
}

.gpl-hero::before {
	content: '';
	position: absolute;
	top: -120px; right: 0;
	width: 800px; height: 600px;
	background: radial-gradient(circle, rgba(26,80,150,0.25) 0%, transparent 65%);
	pointer-events: none;
	z-index: 0;
}

.gpl-hero::after {
	content: '';
	position: absolute;
	bottom: -100px; left: 25%;
	width: 400px; height: 400px;
	background: radial-gradient(circle, rgba(6,120,180,0.10) 0%, transparent 65%);
	pointer-events: none;
	z-index: 0;
}

.gpl-hero__left {
	flex: 0 0 58%;
	position: relative;
	z-index: 1;
}

.gpl-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(37,99,235,0.15);
	border: 1px solid rgba(37,99,235,0.4);
	border-radius: 100px;
	padding: 5px 14px;
	font-size: 11px;
	font-weight: 600;
	color: #60a5fa;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.gpl-hero__eyebrow-dot {
	width: 6px; height: 6px;
	border-radius: 50%;
	background: #60a5fa;
	flex-shrink: 0;
	animation: gpl-pulse 2s ease-in-out infinite;
}

@keyframes gpl-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.25; }
}

.gpl-hero__title {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
	font-size: 58px !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	margin: 0 0 20px !important;
	color: #eef2ff !important;
	letter-spacing: -0.025em !important;
}

.gpl-hero__title-accent { color: #38bdf8; }

.gpl-hero__desc {
	font-size: 16px;
	line-height: 1.7;
	color: #8b9fc4;
	margin: 0 0 32px;
	max-width: 540px;
}

.gpl-hero__ctas {
	display: flex;
	gap: 12px;
	margin-bottom: 36px;
	flex-wrap: wrap;
}

.gpl-hero__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	padding: 13px 26px;
	border-radius: 9px;
	text-decoration: none !important;
	cursor: pointer;
	transition: all 0.15s;
	white-space: nowrap;
	line-height: 1;
}

.gpl-hero__btn--primary {
	background: #2563eb;
	color: #fff !important;
	border: 1px solid #3b82f6;
	box-shadow: 0 0 22px rgba(37,99,235,0.45);
}
.gpl-hero__btn--primary:hover {
	background: #1d4ed8;
	color: #fff !important;
	box-shadow: 0 0 32px rgba(37,99,235,0.6);
}

.gpl-hero__btn--secondary {
	background: rgba(255,255,255,0.06);
	color: #c4d0e8 !important;
	border: 1px solid rgba(148,163,184,0.22);
}
.gpl-hero__btn--secondary:hover {
	background: rgba(255,255,255,0.10);
	border-color: rgba(148,163,184,0.45);
	color: #eef2ff !important;
}

.gpl-hero__badges {
	display: flex;
	gap: 22px;
	flex-wrap: wrap;
}

.gpl-hero__badge {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: #5a7099;
}

.gpl-hero__badge svg { flex-shrink: 0; }

/* =========================================================================
   Right column — animated dashboard
   ========================================================================= */

.gpl-hero__right {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
}

.gpl-dash {
	width: 100%;
	max-width: 420px;
	background: #12112a;
	border-radius: 20px;
	overflow: hidden;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
	position: relative;
	box-shadow: 0 24px 80px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.06);
	box-sizing: border-box;
}

.gpl-dash::before {
	content: '';
	position: absolute; inset: 0;
	background: radial-gradient(ellipse at 70% 0%, rgba(100,80,255,0.15) 0%, transparent 60%);
	pointer-events: none; z-index: 0;
}

.gpl-dash__scan {
	position: absolute; left: 0; right: 0; height: 2px;
	background: linear-gradient(90deg, transparent 0%, rgba(99,220,255,0.0) 10%, rgba(99,220,255,0.7) 40%, rgba(180,255,240,0.9) 50%, rgba(99,220,255,0.7) 60%, rgba(99,220,255,0.0) 90%, transparent 100%);
	pointer-events: none; z-index: 20;
	animation: gpl-dash-scan 7s linear infinite;
	top: -2px;
}

.gpl-dash__scan::after {
	content: '';
	position: absolute; left: 0; right: 0;
	top: -8px; height: 18px;
	background: linear-gradient(180deg, transparent, rgba(99,220,255,0.06), transparent);
}

@keyframes gpl-dash-scan {
	0%   { top: -2px; opacity: 0; }
	5%   { opacity: 1; }
	92%  { opacity: 1; }
	100% { top: 100%; opacity: 0; }
}

.gpl-dash__auto-badge {
	position: absolute; top: 12px; right: 16px;
	background: linear-gradient(135deg, #4ade80, #22c55e);
	color: #052e16; font-size: 11px; font-weight: 600;
	padding: 4px 10px; border-radius: 20px;
	display: flex; align-items: center; gap: 5px;
	animation: gpl-dash-float 3s ease-in-out infinite;
	z-index: 10;
}

@keyframes gpl-dash-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-4px); }
}

.gpl-dash__titlebar {
	padding: 12px 16px;
	display: flex; align-items: center; gap: 7px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	position: relative; z-index: 1;
}

.gpl-dash__dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.gpl-dash__dot--r { background: #ff5f57; }
.gpl-dash__dot--y { background: #febc2e; }
.gpl-dash__dot--g { background: #28c840; }

.gpl-dash__urlbar {
	flex: 1; margin: 0 10px;
	background: rgba(255,255,255,0.07);
	border-radius: 7px; padding: 4px 10px;
	font-size: 11px; color: rgba(255,255,255,0.45);
	font-family: 'Courier New', monospace;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.gpl-dash__live {
	display: flex; align-items: center; gap: 5px;
	font-size: 11px; font-weight: 600;
	color: #4ade80; letter-spacing: 0.05em;
	position: relative; flex-shrink: 0;
}

.gpl-dash__live-dot {
	width: 6px; height: 6px; border-radius: 50%;
	background: #4ade80;
	animation: gpl-dash-pulse 1.8s ease-in-out infinite;
}

@keyframes gpl-dash-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.4; transform: scale(0.7); }
}

.gpl-dash__notif {
	position: absolute; top: -4px; right: -6px;
	width: 16px; height: 16px;
	background: #ef4444; border-radius: 50%;
	font-size: 9px; font-weight: 700; color: white;
	display: flex; align-items: center; justify-content: center;
	animation: gpl-dash-popin 0.4s cubic-bezier(.34,1.56,.64,1) 1.5s both;
}

@keyframes gpl-dash-popin {
	from { transform: scale(0); opacity: 0; }
	to   { transform: scale(1); opacity: 1; }
}

.gpl-dash__content {
	padding: 14px 14px 70px;
	position: relative; z-index: 1;
}

.gpl-dash__stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin-bottom: 12px;
}

.gpl-dash__stat {
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 10px;
	padding: 10px 10px 8px;
	position: relative; overflow: hidden;
	box-sizing: border-box;
}

.gpl-dash__stat::after {
	content: ''; position: absolute;
	bottom: 0; left: 0; right: 0; height: 2px;
}

.gpl-dash__stat--purple::after { background: linear-gradient(90deg,#7c3aed,#a855f7); }
.gpl-dash__stat--teal::after   { background: linear-gradient(90deg,#0d9488,#2dd4bf); }
.gpl-dash__stat--amber::after  { background: linear-gradient(90deg,#d97706,#fbbf24); }

.gpl-dash__stat-num {
	font-size: 18px; font-weight: 700; line-height: 1; margin-bottom: 2px;
}

.gpl-dash__stat--purple .gpl-dash__stat-num { color: #a78bfa; }
.gpl-dash__stat--teal   .gpl-dash__stat-num { color: #2dd4bf; }
.gpl-dash__stat--amber  .gpl-dash__stat-num { color: #fbbf24; }

.gpl-dash__stat-label {
	font-size: 9px; font-weight: 600; letter-spacing: 0.07em;
	color: rgba(255,255,255,0.32); text-transform: uppercase; margin-bottom: 6px;
}

.gpl-dash__bars {
	display: flex; align-items: flex-end; gap: 2px;
	height: 20px; overflow: hidden;
}

.gpl-dash__bar {
	width: 4px; border-radius: 2px;
	transform-origin: bottom;
	animation: gpl-dash-bar-grow 1s cubic-bezier(.34,1.56,.64,1) both;
	transition: height 0.6s cubic-bezier(.34,1.56,.64,1);
	flex-shrink: 0;
}

@keyframes gpl-dash-bar-grow {
	from { transform: scaleY(0); opacity: 0; }
	to   { transform: scaleY(1); opacity: 1; }
}

.gpl-dash__plugins { display: flex; flex-direction: column; gap: 6px; }

.gpl-dash__plugin {
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 10px; padding: 9px 11px;
	display: flex; align-items: center; gap: 9px;
	position: relative; overflow: hidden;
	animation: gpl-dash-row-in 0.5s ease both;
	box-sizing: border-box;
}

@keyframes gpl-dash-row-in {
	from { opacity: 0; transform: translateY(8px); }
	to   { opacity: 1; transform: translateY(0); }
}

.gpl-dash__plugin-icon {
	width: 28px; height: 28px; border-radius: 7px;
	display: flex; align-items: center; justify-content: center;
	font-size: 14px; flex-shrink: 0;
}

.gpl-dash__plugin-name {
	flex: 1; font-size: 12px; font-weight: 500;
	color: rgba(255,255,255,0.9);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	min-width: 0;
}

.gpl-dash__plugin-ver {
	font-size: 10px; font-family: 'Courier New', monospace;
	color: rgba(255,255,255,0.32); margin-right: 7px;
	white-space: nowrap; flex-shrink: 0;
}

.gpl-dash__status {
	font-size: 9px; font-weight: 600;
	padding: 3px 7px; border-radius: 20px;
	letter-spacing: 0.04em; white-space: nowrap;
	display: flex; align-items: center; gap: 4px;
	flex-shrink: 0;
}

.gpl-dash__status--active  { background: rgba(34,197,94,0.15); color: #4ade80; }
.gpl-dash__status--updated { background: rgba(99,102,241,0.15); color: #a5b4fc; }
.gpl-dash__status--updating { background: rgba(251,191,36,0.15); color: #fbbf24; }

.gpl-dash__spinner {
	width: 8px; height: 8px;
	border: 2px solid rgba(251,191,36,0.3);
	border-top-color: #fbbf24; border-radius: 50%;
	animation: gpl-dash-spin 0.8s linear infinite;
	flex-shrink: 0;
}

@keyframes gpl-dash-spin { to { transform: rotate(360deg); } }

.gpl-dash__progress {
	position: absolute; bottom: 0; left: 0; height: 3px;
	background: linear-gradient(90deg, #d97706, #fbbf24, #fde68a);
	border-radius: 0 3px 3px 0; width: 0%;
	animation: gpl-dash-progress 9s cubic-bezier(.4,0,.2,1) 1s infinite;
	box-shadow: 0 0 8px rgba(251,191,36,0.6);
}

@keyframes gpl-dash-progress {
	0%   { width: 0%; opacity: 1; }
	75%  { width: 100%; opacity: 1; }
	88%  { width: 100%; opacity: 1; }
	100% { width: 100%; opacity: 0; }
}

.gpl-dash__genuine {
	position: absolute; bottom: 50px; left: 14px;
	background: rgba(18,17,42,0.95);
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 20px; padding: 5px 12px;
	font-size: 10px; font-weight: 500; color: rgba(255,255,255,0.7);
	display: flex; align-items: center; gap: 5px;
	animation: gpl-dash-float 3.5s ease-in-out infinite;
	animation-delay: 0.5s; z-index: 10;
}

.gpl-dash__native {
	position: absolute; bottom: 14px; right: 14px;
	background: rgba(30,27,60,0.98);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 20px; padding: 5px 12px;
	font-size: 10px; font-weight: 600; color: #fbbf24;
	display: flex; align-items: center; gap: 5px;
	animation: gpl-dash-float 4s ease-in-out infinite;
	animation-delay: 1s; z-index: 10;
}

/* =========================================================================
   Responsive
   ========================================================================= */

@media (max-width: 1200px) {
	.gpl-hero__left { flex: 0 0 460px; }
	.gpl-hero__title { font-size: 46px !important; }
}

@media (max-width: 1000px) {
	.gpl-hero__inner { gap: 40px; }
	.gpl-hero__left { flex: 0 0 380px; }
	.gpl-hero__title { font-size: 38px !important; }
}

@media (max-width: 880px) {
	.gpl-hero { padding: 52px 28px; }
	.gpl-hero__inner { flex-direction: column; text-align: center; gap: 40px; }
	.gpl-hero__left { flex: 0 0 auto; width: 100%; }
	.gpl-hero__desc { max-width: 100%; }
	.gpl-hero__ctas, .gpl-hero__badges { justify-content: center; }
	.gpl-dash { max-width: 440px; width: 100%; }
}

@media (max-width: 480px) {
	.gpl-hero { padding: 40px 18px; }
	.gpl-hero__title { font-size: 32px !important; }
	.gpl-hero__badges { gap: 14px; }
}
cat >> /home/admin123/public_html/wp-content/plugins/gpl-hero-banner/gpl-hero-banner.css << 'EOF'

.gpl-hero__right {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
}
.gpl-dash {
	width: 100%;
	max-width: 420px;
	background: #12112a;
	border-radius: 20px;
	overflow: hidden;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
	position: relative;
	box-shadow: 0 24px 80px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.06);
	box-sizing: border-box;
}
.gpl-dash::before {
	content: '';
	position: absolute; inset: 0;
	background: radial-gradient(ellipse at 70% 0%, rgba(100,80,255,0.15) 0%, transparent 60%);
	pointer-events: none; z-index: 0;
}
.gpl-dash__scan {
	position: absolute; left: 0; right: 0; height: 2px;
	background: linear-gradient(90deg, transparent 0%, rgba(99,220,255,0.0) 10%, rgba(99,220,255,0.7) 40%, rgba(180,255,240,0.9) 50%, rgba(99,220,255,0.7) 60%, rgba(99,220,255,0.0) 90%, transparent 100%);
	pointer-events: none; z-index: 20;
	animation: gpl-dash-scan 7s linear infinite;
	top: -2px;
}
.gpl-dash__scan::after {
	content: '';
	position: absolute; left: 0; right: 0;
	top: -8px; height: 18px;
	background: linear-gradient(180deg, transparent, rgba(99,220,255,0.06), transparent);
}
@keyframes gpl-dash-scan {
	0%   { top: -2px; opacity: 0; }
	5%   { opacity: 1; }
	92%  { opacity: 1; }
	100% { top: 100%; opacity: 0; }
}
.gpl-dash__auto-badge {
	position: absolute; top: 12px; right: 16px;
	background: linear-gradient(135deg, #4ade80, #22c55e);
	color: #052e16; font-size: 11px; font-weight: 600;
	padding: 4px 10px; border-radius: 20px;
	display: flex; align-items: center; gap: 5px;
	animation: gpl-dash-float 3s ease-in-out infinite;
	z-index: 10;
}
@keyframes gpl-dash-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-4px); }
}
.gpl-dash__titlebar {
	padding: 12px 16px;
	display: flex; align-items: center; gap: 7px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	position: relative; z-index: 1;
}
.gpl-dash__dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.gpl-dash__dot--r { background: #ff5f57; }
.gpl-dash__dot--y { background: #febc2e; }
.gpl-dash__dot--g { background: #28c840; }
.gpl-dash__urlbar {
	flex: 1; margin: 0 10px;
	background: rgba(255,255,255,0.07);
	border-radius: 7px; padding: 4px 10px;
	font-size: 11px; color: rgba(255,255,255,0.45);
	font-family: 'Courier New', monospace;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.gpl-dash__live {
	display: flex; align-items: center; gap: 5px;
	font-size: 11px; font-weight: 600;
	color: #4ade80; letter-spacing: 0.05em;
	position: relative; flex-shrink: 0;
}
.gpl-dash__live-dot {
	width: 6px; height: 6px; border-radius: 50%;
	background: #4ade80;
	animation: gpl-dash-pulse 1.8s ease-in-out infinite;
}
@keyframes gpl-dash-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.4; transform: scale(0.7); }
}
.gpl-dash__notif {
	position: absolute; top: -4px; right: -6px;
	width: 16px; height: 16px;
	background: #ef4444; border-radius: 50%;
	font-size: 9px; font-weight: 700; color: white;
	display: flex; align-items: center; justify-content: center;
	animation: gpl-dash-popin 0.4s cubic-bezier(.34,1.56,.64,1) 1.5s both;
}
@keyframes gpl-dash-popin {
	from { transform: scale(0); opacity: 0; }
	to   { transform: scale(1); opacity: 1; }
}
.gpl-dash__content {
	padding: 14px 14px 70px;
	position: relative; z-index: 1;
}
.gpl-dash__stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin-bottom: 12px;
}
.gpl-dash__stat {
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 10px;
	padding: 10px 10px 8px;
	position: relative; overflow: hidden;
	box-sizing: border-box;
}
.gpl-dash__stat::after {
	content: ''; position: absolute;
	bottom: 0; left: 0; right: 0; height: 2px;
}
.gpl-dash__stat--purple::after { background: linear-gradient(90deg,#7c3aed,#a855f7); }
.gpl-dash__stat--teal::after   { background: linear-gradient(90deg,#0d9488,#2dd4bf); }
.gpl-dash__stat--amber::after  { background: linear-gradient(90deg,#d97706,#fbbf24); }
.gpl-dash__stat-num {
	font-size: 18px; font-weight: 700; line-height: 1; margin-bottom: 2px;
}
.gpl-dash__stat--purple .gpl-dash__stat-num { color: #a78bfa; }
.gpl-dash__stat--teal   .gpl-dash__stat-num { color: #2dd4bf; }
.gpl-dash__stat--amber  .gpl-dash__stat-num { color: #fbbf24; }
.gpl-dash__stat-label {
	font-size: 9px; font-weight: 600; letter-spacing: 0.07em;
	color: rgba(255,255,255,0.32); text-transform: uppercase; margin-bottom: 6px;
}
.gpl-dash__bars {
	display: flex; align-items: flex-end; gap: 2px;
	height: 20px; overflow: hidden;
}
.gpl-dash__bar {
	width: 4px; border-radius: 2px;
	transform-origin: bottom;
	animation: gpl-dash-bar-grow 1s cubic-bezier(.34,1.56,.64,1) both;
	transition: height 0.6s cubic-bezier(.34,1.56,.64,1);
	flex-shrink: 0;
}
@keyframes gpl-dash-bar-grow {
	from { transform: scaleY(0); opacity: 0; }
	to   { transform: scaleY(1); opacity: 1; }
}
.gpl-dash__plugins { display: flex; flex-direction: column; gap: 6px; }
.gpl-dash__plugin {
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 10px; padding: 9px 11px;
	display: flex; align-items: center; gap: 9px;
	position: relative; overflow: hidden;
	animation: gpl-dash-row-in 0.5s ease both;
	box-sizing: border-box;
}
@keyframes gpl-dash-row-in {
	from { opacity: 0; transform: translateY(8px); }
	to   { opacity: 1; transform: translateY(0); }
}
.gpl-dash__plugin-icon {
	width: 28px; height: 28px; border-radius: 7px;
	display: flex; align-items: center; justify-content: center;
	font-size: 14px; flex-shrink: 0;
}
.gpl-dash__plugin-name {
	flex: 1; font-size: 12px; font-weight: 500;
	color: rgba(255,255,255,0.9);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	min-width: 0;
}
.gpl-dash__plugin-ver {
	font-size: 10px; font-family: 'Courier New', monospace;
	color: rgba(255,255,255,0.32); margin-right: 7px;
	white-space: nowrap; flex-shrink: 0;
}
.gpl-dash__status {
	font-size: 9px; font-weight: 600;
	padding: 3px 7px; border-radius: 20px;
	letter-spacing: 0.04em; white-space: nowrap;
	display: flex; align-items: center; gap: 4px;
	flex-shrink: 0;
}
.gpl-dash__status--active  { background: rgba(34,197,94,0.15); color: #4ade80; }
.gpl-dash__status--updated { background: rgba(99,102,241,0.15); color: #a5b4fc; }
.gpl-dash__status--updating { background: rgba(251,191,36,0.15); color: #fbbf24; }
.gpl-dash__spinner {
	width: 8px; height: 8px;
	border: 2px solid rgba(251,191,36,0.3);
	border-top-color: #fbbf24; border-radius: 50%;
	animation: gpl-dash-spin 0.8s linear infinite;
	flex-shrink: 0;
}
@keyframes gpl-dash-spin { to { transform: rotate(360deg); } }
.gpl-dash__progress {
	position: absolute; bottom: 0; left: 0; height: 3px;
	background: linear-gradient(90deg, #d97706, #fbbf24, #fde68a);
	border-radius: 0 3px 3px 0; width: 0%;
	animation: gpl-dash-progress 9s cubic-bezier(.4,0,.2,1) 1s infinite;
	box-shadow: 0 0 8px rgba(251,191,36,0.6);
}
@keyframes gpl-dash-progress {
	0%   { width: 0%; opacity: 1; }
	75%  { width: 100%; opacity: 1; }
	88%  { width: 100%; opacity: 1; }
	100% { width: 100%; opacity: 0; }
}
.gpl-dash__genuine {
	position: absolute; bottom: 50px; left: 14px;
	background: rgba(18,17,42,0.95);
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 20px; padding: 5px 12px;
	font-size: 10px; font-weight: 500; color: rgba(255,255,255,0.7);
	display: flex; align-items: center; gap: 5px;
	animation: gpl-dash-float 3.5s ease-in-out infinite;
	animation-delay: 0.5s; z-index: 10;
}
.gpl-dash__native {
	position: absolute; bottom: 14px; right: 14px;
	background: rgba(30,27,60,0.98);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 20px; padding: 5px 12px;
	font-size: 10px; font-weight: 600; color: #fbbf24;
	display: flex; align-items: center; gap: 5px;
	animation: gpl-dash-float 4s ease-in-out infinite;
	animation-delay: 1s; z-index: 10;
}
@media (max-width: 1200px) {
	.gpl-hero__left { flex: 0 0 460px; }
	.gpl-hero__title { font-size: 46px !important; }
}
@media (max-width: 1000px) {
	.gpl-hero__inner { gap: 40px; }
	.gpl-hero__left { flex: 0 0 380px; }
	.gpl-hero__title { font-size: 38px !important; }
}
@media (max-width: 880px) {
	.gpl-hero { padding: 52px 28px; }
	.gpl-hero__inner { flex-direction: column; text-align: center; gap: 40px; }
	.gpl-hero__left { flex: 0 0 auto; width: 100%; }
	.gpl-hero__desc { max-width: 100%; }
	.gpl-hero__ctas, .gpl-hero__badges { justify-content: center; }
	.gpl-dash { max-width: 440px; width: 100%; }
}
@media (max-width: 480px) {
	.gpl-hero { padding: 40px 18px; }
	.gpl-hero__title { font-size: 32px !important; }
	.gpl-hero__badges { gap: 14px; }
}
EOF