.header-height, body, html {
			border: none !important;
			border-top: none !important;
			border-top-width: 0px !important;
			border-bottom: none !important;
			border-bottom-width: 0px !important;
			border-color: transparent !important;
			box-shadow: none !important;
			outline: none !important;
		}
		header.header {
			background-color: transparent !important;
			backdrop-filter: blur(0px) !important;
			-webkit-backdrop-filter: blur(0px) !important;
			border-bottom: 1px solid transparent !important;
			box-shadow: none !important;
			transition: all 0.3s ease !important;
		}

		/* Hide global scrollbar */
		::-webkit-scrollbar {
			display: none !important;
			width: 0 !important;
			height: 0 !important;
		}
		* {
			-ms-overflow-style: none !important;
			scrollbar-width: none !important;
		}
		header.header.scrolled {
			background-color: rgba(7, 7, 7, 0.1) !important;
			backdrop-filter: blur(12px) !important;
			-webkit-backdrop-filter: blur(12px) !important;
			border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
			box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.3) !important;
		}

		/* SCROLL REVEAL ANIMATIONS */
		.reveal {
		  opacity: 0;
		  transform: translateY(40px);
		  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
		  will-change: opacity, transform;
		}
		.reveal.visible {
		  opacity: 1;
		  transform: translateY(0);
		}
		.reveal-delay-1 { transition-delay: 0.1s; }
		.reveal-delay-2 { transition-delay: 0.2s; }
		.reveal-delay-3 { transition-delay: 0.3s; }
		.reveal-delay-4 { transition-delay: 0.4s; }

		/* Liquid Glass active nav indicator */
		.nav-active-glass {
			position: relative;
			background: linear-gradient(
				90deg,
				rgba(255,255,255,1) 0%,
				rgba(255,255,255,1) 30%,
				rgba(210,230,255,0.95) 45%,
				rgba(255,255,255,1) 50%,
				rgba(230,210,255,0.95) 55%,
				rgba(255,255,255,1) 70%,
				rgba(255,255,255,1) 100%
			);
			background-size: 200% 100%;
			-webkit-background-clip: text;
			background-clip: text;
			-webkit-text-fill-color: transparent;
			animation: liquidGlassShimmer 4s ease-in-out infinite;
		}

		@keyframes liquidGlassShimmer {
			0%, 100% { background-position: 0% center; }
			50% { background-position: 100% center; }
		}
	

/* --- Extracted Style Block --- */


	.global-ambient-glow {
		position: fixed;
		top: 0; left: 0; right: 0; bottom: 0;
		z-index: -1;
		pointer-events: none;
		overflow: hidden;
	}
	.global-ambient-glow::before,
	.global-ambient-glow::after,
	.global-ambient-glow-core,
	.global-ambient-glow-purple {
		content: '';
		position: absolute;
		border-radius: 50%;
		filter: blur(280px);
		mix-blend-mode: screen;
		will-change: transform, opacity, top, left;
	}
	
	/* Primary Glow (large, breathing) */
	.global-ambient-glow::before {
		width: 90vw; height: 90vh;
		background: radial-gradient(circle, rgba(185, 0, 25, 0.28) 0%, rgba(185, 0, 25, 0.06) 50%, transparent 100%);
		animation: 
			breathe-glow 6s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate,
			move-glow-1 12s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
	}
	
	/* Secondary Glow (orbiting, darker) */
	.global-ambient-glow::after {
		width: 75vw; height: 75vh;
		background: radial-gradient(circle, rgba(150, 0, 18, 0.22) 0%, rgba(150, 0, 18, 0.05) 50%, transparent 100%);
		animation: 
			breathe-glow 7.5s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate-reverse,
			move-glow-2 15s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate-reverse;
	}
	
	/* Core Intense Glow (small, pulsing) */
	.global-ambient-glow-core {
		width: 60vw; height: 60vh;
		background: radial-gradient(circle, rgba(200, 0, 30, 0.35) 0%, rgba(200, 0, 30, 0.08) 50%, transparent 100%);
		animation: 
			pulse-core 3.5s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate,
			move-glow-3 10s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
	}

	/* Purple Glow (same size as red core, orbiting differently) */
	.global-ambient-glow-purple {
		width: 60vw; height: 60vh;
		background: radial-gradient(circle, rgba(120, 0, 180, 0.22) 0%, rgba(120, 0, 180, 0.05) 50%, transparent 100%);
		animation: 
			pulse-purple 3.5s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate,
			move-glow-purple 11s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
	}

	@keyframes breathe-glow {
		0% { opacity: 0.30; transform: translate(-50%, -50%) scale(0.85); }
		100% { opacity: 0.65; transform: translate(-50%, -50%) scale(1.15); }
	}

	@keyframes pulse-core {
		0% { opacity: 0.28; transform: translate(-50%, -50%) scale(0.75); }
		100% { opacity: 0.60; transform: translate(-50%, -50%) scale(1.25); }
	}

	@keyframes pulse-purple {
		0% { opacity: 0.28; transform: translate(-50%, -50%) scale(0.75); }
		100% { opacity: 0.60; transform: translate(-50%, -50%) scale(1.25); }
	}

	@keyframes move-glow-1 {
		0% { top: 30%; left: 30%; }
		33% { top: 70%; left: 60%; }
		66% { top: 60%; left: 30%; }
		100% { top: 40%; left: 70%; }
	}

	@keyframes move-glow-2 {
		0% { top: 70%; left: 70%; }
		33% { top: 30%; left: 40%; }
		66% { top: 40%; left: 80%; }
		100% { top: 60%; left: 30%; }
	}

	@keyframes move-glow-3 {
		0% { top: 50%; left: 50%; }
		25% { top: 40%; left: 60%; }
		50% { top: 60%; left: 50%; }
		75% { top: 50%; left: 40%; }
		100% { top: 40%; left: 50%; }
	}

	@keyframes move-glow-purple {
		0% { top: 60%; left: 40%; }
		33% { top: 30%; left: 70%; }
		66% { top: 40%; left: 50%; }
		100% { top: 70%; left: 30%; }
	}

	@keyframes rotate-spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}
	@keyframes rotate-spin-reverse {
		0% { transform: rotate(360deg); }
		100% { transform: rotate(0deg); }
	}
	@keyframes pulse-core-dot {
		0% { transform: scale(0.8); opacity: 0.7; box-shadow: 0 0 8px rgba(255,0,0,0.6); }
		100% { transform: scale(1.2); opacity: 1; box-shadow: 0 0 16px rgba(255,0,0,1), 0 0 25px rgba(255,0,0,0.6); }
	}
	@keyframes pulse-core-dot-black {
		0% { transform: scale(0.8); opacity: 0.7; box-shadow: 0 0 6px rgba(0,0,0,0.6); }
		100% { transform: scale(1.2); opacity: 1; box-shadow: 0 0 12px rgba(0,0,0,0.9), 0 0 18px rgba(0,0,0,0.6); }
	}
	@keyframes pulse-core-dot-white {
		0% { transform: scale(0.8); opacity: 0.7; box-shadow: 0 0 8px rgba(255,255,255,0.6); }
		100% { transform: scale(1.2); opacity: 1; box-shadow: 0 0 16px rgba(255,255,255,1), 0 0 25px rgba(255,255,255,0.6); }
	}
	@keyframes pulse-core-dot-gold {
		0% { transform: scale(0.8); opacity: 0.7; box-shadow: 0 0 8px rgba(230,195,92,0.6); }
		100% { transform: scale(1.2); opacity: 1; box-shadow: 0 0 16px rgba(230,195,92,1), 0 0 25px rgba(230,195,92,0.6); }
	}
	@keyframes neura-check-pulse {
		0% { box-shadow: 0 0 10px rgba(200,0,30,0.4), 0 0 3px rgba(200,0,30,0.2) inset; }
		100% { box-shadow: 0 0 18px rgba(200,0,30,0.7), 0 0 6px rgba(200,0,30,0.4) inset; }
	}


/* --- Extracted Style Block --- */


							/* ═══════════════════════════════════════
							   MacBook Air M2 — Midnight (Pure Dark)
							═══════════════════════════════════════ */
							.macbook-wrapper {
								display: flex;
								flex-direction: column;
								align-items: center;
								position: relative;
								/* Pure dark drop shadows only, absolutely no white outline shadows */
								filter:
									drop-shadow(0 40px 80px rgba(0,0,0,0.90))
									drop-shadow(0 20px 40px rgba(0,0,0,0.80));
							}

							/* ─── LID ─── */
							.macbook-lid {
								position: relative;
								width: 100%;
								/* Deep dark Midnight finish */
								background:
									linear-gradient(
										175deg,
										#101115 0%,
										#0a0b0d 30%,
										#060608 60%,
										#040405 100%
									);
								border-radius: 16px 16px 0 0;
								padding: 14px 14px 0 14px;
								/* Black border to prevent any white edge stripes */
								border: 1px solid rgba(0,0,0,0.9);
								border-bottom: none;
								/* Faint dark gloss top highlight only, dark sides */
								box-shadow:
									inset 0 1px 0 rgba(255,255,255,0.06),
									0 0 0 1px rgba(0,0,0,0.9);
								overflow: hidden;
							}

							/* Metallic sheen hidden or extremely dark */
							.macbook-lid-sheen {
								position: absolute;
								inset: 0;
								background: linear-gradient(
									125deg,
									rgba(255,255,255,0.01) 0%,
									transparent 50%,
									transparent 100%
								);
								border-radius: inherit;
								pointer-events: none;
								z-index: 2;
							}

							/* ─── NOTCH ─── */
							.macbook-notch {
								position: absolute;
								top: 0;
								left: 50%;
								transform: translateX(-50%);
								width: 110px;
								height: 18px;
								background: #000000;
								border-radius: 0 0 12px 12px;
								z-index: 10;
								box-shadow: none;
							}

							/* Camera dot */
							.macbook-notch::after {
								content: '';
								position: absolute;
								top: 5px;
								left: 50%;
								transform: translateX(-50%);
								width: 6px;
								height: 6px;
								background: radial-gradient(circle at 35% 35%, #2a2a2a, #050505);
								border-radius: 50%;
								box-shadow: inset 0 0 3px rgba(0,0,0,0.9);
							}

							/* ─── SCREEN BEZEL ─── */
							.macbook-screen {
								position: relative;
								overflow: hidden;
								border-radius: 5px;
								background: #000000;
								box-shadow: none; /* Removed all inner light lines */
								z-index: 1;
								aspect-ratio: 16 / 10; /* Fixed aspect ratio to support iframe */
							}

							/* ─── HINGE ─── */
							.macbook-hinge {
								width: 100%;
								height: 4px;
								background: linear-gradient(
									180deg,
									#040405 0%,
									#08090b 50%,
									#040405 100%
								);
								border-left: 1px solid rgba(0,0,0,0.8);
								border-right: 1px solid rgba(0,0,0,0.8);
								box-shadow: none; /* Removed hinge highlight line */
							}

							/* ─── BASE ─── */
							.macbook-base {
								width: calc(100% + 56px);
								height: 22px;
								/* Pitch dark base */
								background: linear-gradient(
									180deg,
									#0d0e12 0%,
									#07080a 45%,
									#030304 100%
								);
								border-radius: 0 0 12px 12px;
								border: 1px solid rgba(0,0,0,0.9);
								border-top: none;
								position: relative;
								box-shadow:
									0 10px 40px rgba(0,0,0,0.85),
									0 2px 8px rgba(0,0,0,0.7),
									inset 0 1px 0 rgba(255,255,255,0.03); /* Faint highlight on top-base transition */
							}

							/* Removed bright front chamfer edge highlight */
							.macbook-base::before {
								content: '';
								position: absolute;
								bottom: 0;
								left: 6%;
								right: 6%;
								height: 1px;
								background: transparent;
							}

							/* Trackpad styled to blend perfectly with dark base */
							.macbook-base::after {
								content: '';
								position: absolute;
								top: 4px;
								left: 50%;
								transform: translateX(-50%);
								width: 28%;
								height: 12px;
								background: rgba(0,0,0,0.2);
								border-radius: 4px;
								border: 1px solid rgba(0,0,0,0.6);
								box-shadow: none;
							}
						

/* --- Extracted Style Block --- */


		@keyframes pulse-dot {
			0%, 100% { opacity: 1; box-shadow: 0 0 8px rgba(255,0,0,0.8); }
			50% { opacity: 0.5; box-shadow: 0 0 4px rgba(255,0,0,0.3); }
		}
	

/* --- Extracted Style Block --- */


		/* Gamification Windows Premium Redesign */
		.glass-panel-wrapper {
			position: relative;
			background: linear-gradient(135deg, rgba(20,20,20,0.8) 0%, rgba(5,5,5,0.9) 100%);
			background-clip: padding-box;
			-webkit-background-clip: padding-box;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			backdrop-filter: blur(40px);
			-webkit-backdrop-filter: blur(40px);
			border: 1px solid rgba(255, 255, 255, 0.05);
			box-shadow: 
				0 10px 20px -5px rgba(0, 0, 0, 0.2),
				0 25px 50px -10px rgba(0, 0, 0, 0.25),
				0 50px 100px -20px rgba(0, 0, 0, 0.3),
				0 80px 160px -30px rgba(0, 0, 0, 0.35),
				inset 0 1px 0 rgba(255, 255, 255, 0.1);
		}
		/* clip-path clips even GPU-composited children — overflow:hidden cannot */
		.tab-pane.glass-panel-wrapper {
			clip-path: inset(0 round 12px);
		}
		@media (min-width: 640px) {
			.tab-pane.glass-panel-wrapper {
				clip-path: inset(0 round 24px);
			}
		}
		.glass-panel-wrapper::before {
			content: '';
			position: absolute;
			top: -50%; left: -50%; width: 200%; height: 200%;
			background: radial-gradient(circle at 50% 50%, rgba(220, 38, 38, 0.08), transparent 75%);
			animation: rotateGlow 15s linear infinite;
			pointer-events: none;
			z-index: 0;
		}
		.glass-panel-wrapper::after {
			content: '';
			position: absolute;
			bottom: -20%; right: -20%; width: 100%; height: 100%;
			background: radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.06), transparent 65%);
			animation: pulseGlow 8s ease-in-out infinite alternate;
			pointer-events: none;
			z-index: 0;
		}
		@keyframes rotateGlow {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(360deg); }
		}
		@keyframes pulseGlow {
			0% { opacity: 0.5; transform: scale(1); }
			100% { opacity: 1; transform: scale(1.2); }
		}
		.glass-inner-ui {
			position: relative;
			z-index: 1;
			background: rgba(10, 10, 10, 0.6);
			backdrop-filter: blur(20px);
			-webkit-backdrop-filter: blur(20px);
			border-top: 1px solid rgba(220, 38, 38, 0.3);
			border-left: 1px solid rgba(220, 38, 38, 0.3);
			box-shadow: inset 0 1px 20px rgba(220, 38, 38, 0.05);
			transition: all 0.3s ease;
		}

		.glass-row {
			transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
			border-radius: 12px;
			padding: 12px 16px;
			margin: 0 -16px;
			border: 1px solid transparent;
		}
		.glass-row:hover {
			background: rgba(255, 255, 255, 0.03);
			transform: translateY(-2px);
			border: 1px solid rgba(255, 255, 255, 0.08);
			box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5);
		}
		.text-glow {
			text-shadow: 0 0 12px rgba(190, 11, 40, 0.5), 0 0 24px rgba(128, 0, 18, 0.2);
			background: linear-gradient(135deg, #be0b28 0%, #800012 45%, #4a0007 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
		.icon-glow-green { filter: drop-shadow(0 0 8px rgba(34, 197, 94, 0.6)); }
		.icon-glow-blue { filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.6)); }
		.icon-glow-yellow { filter: drop-shadow(0 0 8px rgba(234, 179, 8, 0.6)); }
		.icon-glow-purple { filter: drop-shadow(0 0 8px rgba(168, 85, 247, 0.6)); }

		/* ─── Rewards Store 2027 ─── */
		.rs-shell {
			display: flex;
			flex-direction: column;
			height: 100%;
			padding: 28px 28px 20px;
			gap: 0;
			position: relative;
			z-index: 1;
		}
		.rs-topbar {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 20px;
		}
		.rs-title {
			font-size: 18px;
			font-weight: 700;
			letter-spacing: -0.02em;
			color: #fff;
		}
		.rs-balance-pill {
			display: flex;
			align-items: center;
			gap: 6px;
			background: rgba(255,255,255,0.06);
			border: 1px solid rgba(255,255,255,0.10);
			border-radius: 100px;
			padding: 5px 12px 5px 8px;
			backdrop-filter: blur(12px);
		}
		.rs-balance-dot {
			width: 8px; height: 8px;
			border-radius: 50%;
			background: linear-gradient(135deg, #be0b28, #4a0007);
			box-shadow: 0 0 8px rgba(190,11,40,0.7);
			flex-shrink: 0;
		}
		.rs-balance-text {
			font-size: 11px;
			font-weight: 600;
			letter-spacing: 0.02em;
			color: rgba(255,255,255,0.75);
		}
		.rs-balance-val {
			font-size: 12px;
			font-weight: 700;
			color: #fff;
			margin-left: 2px;
		}
		/* Hero featured card */
		.rs-hero {
			position: relative;
			border-radius: 18px;
			overflow: hidden;
			margin-bottom: 14px;
			cursor: pointer;
			border: 1px solid rgba(255,255,255,0.08);
			transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
		}
		.rs-hero:hover {
			transform: translateY(-3px) scale(1.005);
			box-shadow: 0 24px 60px -12px rgba(190,11,40,0.35);
		}
		.rs-hero-bg {
			position: absolute; inset: 0;
			background: linear-gradient(135deg, #1a0005 0%, #0d0002 40%, #0a0008 100%);
		}
		.rs-hero-glow {
			position: absolute;
			top: -30%; left: -10%;
			width: 70%; height: 200%;
			background: radial-gradient(ellipse, rgba(190,11,40,0.28) 0%, transparent 65%);
			animation: rs-breathe 5s ease-in-out infinite alternate;
		}
		.rs-hero-orb {
			position: absolute;
			bottom: -20%; right: 10%;
			width: 120px; height: 120px;
			border-radius: 50%;
			background: radial-gradient(circle, rgba(130,0,18,0.5), transparent 70%);
			filter: blur(20px);
			animation: rs-breathe 7s ease-in-out infinite alternate-reverse;
		}
		.rs-hero-inner {
			position: relative; z-index: 1;
			padding: 20px 20px 18px;
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			gap: 12px;
		}
		.rs-hero-label {
			display: inline-flex;
			align-items: center;
			gap: 5px;
			background: rgba(190,11,40,0.2);
			border: 1px solid rgba(190,11,40,0.35);
			border-radius: 100px;
			padding: 3px 10px;
			font-size: 9px;
			font-weight: 700;
			letter-spacing: 0.10em;
			text-transform: uppercase;
			color: #ff6b6b;
			margin-bottom: 8px;
		}
		.rs-hero-name {
			font-size: 20px;
			font-weight: 700;
			letter-spacing: -0.03em;
			color: #fff;
			line-height: 1.15;
		}
		.rs-hero-sub {
			font-size: 11px;
			color: rgba(255,255,255,0.45);
			margin-top: 3px;
			font-weight: 400;
			letter-spacing: 0.01em;
		}
		.rs-hero-swatch {
			width: 52px; height: 52px;
			border-radius: 14px;
			background: linear-gradient(135deg, #be0b28 0%, #4a0007 60%, #0d0002 100%);
			border: 1px solid rgba(255,255,255,0.12);
			box-shadow: 0 8px 32px rgba(190,11,40,0.4), inset 0 1px 0 rgba(255,255,255,0.15);
			flex-shrink: 0;
			position: relative;
			overflow: hidden;
		}
		.rs-hero-swatch::after {
			content: '';
			position: absolute; inset: 0;
			background: linear-gradient(135deg, rgba(255,255,255,0.18) 0%, transparent 50%);
			border-radius: inherit;
		}
		.rs-hero-buy {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			background: rgba(255,255,255,0.92);
			color: #0a0002;
			border-radius: 100px;
			padding: 9px 16px;
			font-size: 12px;
			font-weight: 700;
			letter-spacing: -0.01em;
			border: none;
			cursor: pointer;
			transition: all 0.25s ease;
			white-space: nowrap;
			flex-shrink: 0;
		}
		.rs-hero-buy:hover {
			background: #fff;
			transform: scale(1.04);
		}
		.rs-hero-buy-invictus {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			color: #ffffff !important;
			border-radius: 100px;
			padding: 9px 16px;
			font-size: 12px;
			font-weight: 700;
			letter-spacing: -0.01em;
			cursor: pointer;
			transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
			white-space: nowrap;
			flex-shrink: 0;
			border: 1px solid rgba(255, 255, 255, 0.08) !important;
			
			/* Exact colors and velvet/granite texture matching IMG_7008.jpg */
			background-image: 
				url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.98' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0.18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), 
				linear-gradient(135deg, #6b0b18 0%, #3f030a 45%, #170004 100%);
			background-blend-mode: overlay;
			
			box-shadow: 
				0 4px 18px rgba(23, 0, 4, 0.6), 
				inset 0 1px 2px rgba(255, 255, 255, 0.12), 
				inset 0 -2px 4px rgba(0, 0, 0, 0.7);
		}
		.rs-hero-buy-invictus:hover {
			transform: scale(1.04) translateY(-1px);
			box-shadow: 
				0 8px 24px rgba(107, 11, 24, 0.45), 
				inset 0 1.5px 3px rgba(255, 255, 255, 0.18), 
				inset 0 -1px 3px rgba(0, 0, 0, 0.5);
			border-color: rgba(255, 255, 255, 0.18) !important;
			background-image: 
				url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.98' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0.14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), 
				linear-gradient(135deg, #7c0e1e 0%, #4f050f 45%, #220108 100%);
		}
		.rs-hero-buy-invictus:active {
			transform: scale(0.98) translateY(0px);
			box-shadow: 
				0 2px 8px rgba(23, 0, 4, 0.5), 
				inset 0 1px 1px rgba(255, 255, 255, 0.08), 
				inset 0 -1px 2px rgba(0, 0, 0, 0.8);
		}
		/* Items list */
		.rs-list {
			display: flex;
			flex-direction: column;
			gap: 6px;
			flex: 1;
			overflow-y: auto;
			scrollbar-width: none;
		}
		.rs-list::-webkit-scrollbar { display: none; }
		.rs-item {
			display: flex;
			align-items: center;
			gap: 12px;
			padding: 11px 14px;
			border-radius: 14px;
			border: 1px solid rgba(255,255,255,0.055);
			background: rgba(255,255,255,0.025);
			transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
			cursor: pointer;
		}
		.rs-item:hover {
			background: rgba(255,255,255,0.06);
			border-color: rgba(255,255,255,0.12);
			transform: translateX(3px);
		}
		.rs-icon {
			width: 38px; height: 38px;
			border-radius: 10px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-shrink: 0;
		}
		.rs-item-info { flex: 1; min-width: 0; }
		.rs-item-name {
			font-size: 13px;
			font-weight: 600;
			color: rgba(255,255,255,0.92);
			letter-spacing: -0.01em;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.rs-item-desc {
			font-size: 11px;
			color: rgba(255,255,255,0.35);
			margin-top: 1px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.rs-chip {
			display: inline-flex;
			align-items: center;
			gap: 4px;
			border-radius: 100px;
			padding: 4px 10px;
			font-size: 11px;
			font-weight: 700;
			letter-spacing: -0.01em;
			border: 1px solid;
			cursor: pointer;
			transition: all 0.2s ease;
			white-space: nowrap;
			flex-shrink: 0;
		}
		.rs-chip:hover { transform: scale(1.07); filter: brightness(1.15); }
		.rs-chip-red {
			background: rgba(190,11,40,0.18);
			color: #ff6b7a;
			border-color: rgba(190,11,40,0.4);
		}
		.rs-chip-amber {
			background: rgba(245,158,11,0.12);
			color: #fbbf24;
			border-color: rgba(245,158,11,0.3);
		}
		.rs-chip-indigo {
			background: rgba(99,102,241,0.12);
			color: #a5b4fc;
			border-color: rgba(99,102,241,0.3);
		}
		.rs-chip-teal {
			background: rgba(20,184,166,0.10);
			color: #5eead4;
			border-color: rgba(20,184,166,0.28);
		}
		.rs-chip-purple {
			background: rgba(168,85,247,0.12);
			color: #c084fc;
			border-color: rgba(168,85,247,0.3);
		}
		.rs-chip-cyan {
			background: rgba(0,217,255,0.12);
			color: #00D9FF;
			border-color: rgba(0,217,255,0.3);
		}
		.rs-section-label {
			font-size: 10px;
			font-weight: 700;
			letter-spacing: 0.09em;
			text-transform: uppercase;
			color: rgba(255,255,255,0.25);
			padding: 4px 2px 6px;
		}
		@keyframes rs-breathe {
			from { opacity: 0.7; transform: scale(1); }
			to   { opacity: 1;   transform: scale(1.08); }
		}
	

/* --- Extracted Style Block --- */


		/* Mobile Safari Crash Fixes (OOM Prevention) */
		@media (max-width: 768px) {
			/* Massively reduce ambient glow blur radius */
			.global-ambient-glow::before,
			.global-ambient-glow::after,
			.global-ambient-glow-core,
			.global-ambient-glow-purple {
				filter: blur(40px) !important;
			}
			/* Cap tailwind blur utilities */
			.blur-3xl { filter: blur(24px) !important; }
			.blur-2xl { filter: blur(16px) !important; }
			/* Cap heavy glassmorphism filters */
			.glass-panel-wrapper,
			.glass-inner-ui,
			[class*="glass"] {
				backdrop-filter: blur(10px) !important;
				-webkit-backdrop-filter: blur(10px) !important;
			}
		}

/* ── Tab Dot Indicators (mobile only) ──────────────────────────── */
.tab-dots {
	display: none; /* hidden on desktop */
}
@media (max-width: 768px) {
	.tab-dots {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		padding-top: 16px;
		padding-bottom: 4px;
	}
	.tab-dot {
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.2);
		transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
		cursor: pointer;
	}
	.tab-dot.active {
		width: 22px;
		border-radius: 4px;
		background: rgba(190, 11, 40, 0.7);
		box-shadow: 0 0 8px rgba(190, 11, 40, 0.35);
	}

	/* ═══════════════════════════════════════════════════════
	   APPLE HIG 2025-2027 · MOBILE TAB PANES
	   ─ iOS-standard 16px insets
	   ─ 44pt minimum touch targets
	   ─ SF-style type hierarchy (-0.02em tracking)
	   ─ 8pt spatial grid
	   ─ Continuous corner radius (16/13px)
	   ─ Grouped inset rows with hairline separators
	   ─ Reduced visual noise, frosted translucent surfaces
	   ═══════════════════════════════════════════════════════ */

	/* ── Outer Panel Shell ──────────────────────────────── */
	.tab-pane.glass-panel-wrapper {
		padding: 0 !important;
		border-radius: 20px !important;
		clip-path: inset(0 round 20px) !important;
		max-height: 380px !important;
		overflow: hidden !important;
	}
	/* Soft fade-out at bottom edge */
	.tab-pane.glass-panel-wrapper::after {
		content: '' !important;
		position: absolute !important;
		bottom: 0 !important; left: 0 !important; right: 0 !important;
		height: 60px !important;
		background: linear-gradient(to top, rgba(10,10,12,0.95) 0%, transparent 100%) !important;
		z-index: 20 !important;
		pointer-events: none !important;
		border-radius: 0 !important;
		animation: none !important;
		mix-blend-mode: normal !important;
		filter: none !important;
		width: 100% !important;
		top: auto !important;
	}

	/* ── Inner UI Container ────────────────────────────── */
	.tab-pane .glass-inner-ui {
		min-height: auto !important;
		padding: 0 !important;
		border-radius: 16px 0 0 0 !important;
		background: rgba(18, 18, 20, 0.72) !important;
		border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
		border-left: 1px solid rgba(255, 255, 255, 0.06) !important;
		box-shadow: none !important;
	}

	/* ── Section Header (Web3 Dashboard / Token Balance titles) ─ */
	.tab-pane .glass-inner-ui > .text-lg,
	.tab-pane .glass-inner-ui > div > .text-lg {
		font-size: 17px !important;
		font-weight: 600 !important;
		letter-spacing: -0.02em !important;
		padding: 18px 20px 14px !important;
		margin: 0 !important;
		border-bottom: 0.5px solid rgba(255, 255, 255, 0.08) !important;
	}
	.tab-pane .glass-inner-ui > .text-lg span,
	.tab-pane .glass-inner-ui > div > .text-lg span {
		background: none !important;
		-webkit-background-clip: unset !important;
		-webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
	}

	/* ── Grouped Inset Rows (Web3 Dashboard items) ──── */
	.tab-pane .glass-row {
		padding: 14px 20px !important;
		margin: 0 !important;
		border-radius: 0 !important;
		border: none !important;
		border-bottom: 0.5px solid rgba(255, 255, 255, 0.06) !important;
		min-height: 44px;
		background: transparent !important;
	}
	.tab-pane .glass-row:last-child {
		border-bottom: none !important;
	}
	.tab-pane .glass-row:hover {
		transform: none !important;
		box-shadow: none !important;
		background: transparent !important;
	}
	.tab-pane .glass-row:active {
		background: rgba(255, 255, 255, 0.04) !important;
	}

	/* Row label typography */
	.tab-pane .glass-row div[style*="font-weight: 500"],
	.tab-pane .glass-row div[style*="font-weight: 600"] {
		font-size: 15px !important;
		letter-spacing: -0.01em !important;
	}
	.tab-pane .glass-row .text-sm {
		font-size: 13px !important;
		color: rgba(255, 255, 255, 0.38) !important;
		margin-top: 2px !important;
	}
	/* Row value typography */
	.tab-pane .glass-row .text-xl {
		font-size: 17px !important;
		letter-spacing: -0.02em !important;
	}
	/* Status pill (VOTED YES) */
	.tab-pane .glass-row .shrink-0[style*="background: rgba(34,197,94"] {
		border-radius: 100px !important;
		font-size: 11px !important;
		padding: 4px 10px !important;
		font-weight: 600 !important;
		letter-spacing: 0.02em !important;
		border: none !important;
		box-shadow: none !important;
	}

	/* ── Purchased Assets Section ───────────────────── */
	.tab-pane .mt-6.pt-4.border-t {
		padding: 16px 20px 20px !important;
		margin: 0 !important;
		border-top: 0.5px solid rgba(255, 255, 255, 0.06) !important;
	}
	.tab-pane .mt-6.pt-4.border-t > .text-sm {
		font-size: 11px !important;
		font-weight: 600 !important;
		letter-spacing: 0.06em !important;
		color: rgba(255, 255, 255, 0.3) !important;
		margin-bottom: 12px !important;
	}
	.tab-pane .mt-6.pt-4.border-t .grid {
		gap: 10px !important;
	}
	.tab-pane .mt-6.pt-4.border-t .grid > div {
		padding: 12px !important;
		border-radius: 13px !important;
		border-color: rgba(255, 255, 255, 0.06) !important;
		background: rgba(255, 255, 255, 0.03) !important;
	}

	/* ═══ TOKEN BALANCE PANEL ═══════════════════════════ */
	.tab-pane[data-tab="tab-history"] .shrink-0 {
		padding: 0 !important;
		width: 100% !important;
	}

	/* Token Balance header */
	.tab-pane[data-tab="tab-history"] .text-lg.font-semibold {
		padding: 18px 20px 14px !important;
		font-size: 17px !important;
		font-weight: 600 !important;
		letter-spacing: -0.02em !important;
		border-bottom: 0.5px solid rgba(255, 255, 255, 0.08) !important;
	}

	/* Big balance number */
	.tab-pane[data-tab="tab-history"] .py-6 {
		padding: 20px 20px 18px !important;
		border-bottom: 0.5px solid rgba(255, 255, 255, 0.06) !important;
	}
	.tab-pane[data-tab="tab-history"] .text-5xl {
		font-size: 34px !important;
		font-weight: 700 !important;
		letter-spacing: -0.03em !important;
	}
	.tab-pane[data-tab="tab-history"] .py-6 > div[style*="margin-top"] {
		font-size: 13px !important;
		color: rgba(255, 255, 255, 0.38) !important;
	}

	/* Milestone rows */
	.tab-pane[data-tab="tab-history"] .space-y-1 {
		gap: 0 !important;
		margin: 0 !important;
	}
	.tab-pane[data-tab="tab-history"] .space-y-1 > * + * {
		margin-top: 0 !important;
	}
	.tab-pane[data-tab="tab-history"] .space-y-1 .glass-row {
		padding: 12px 20px !important;
		margin: 0 !important;
		border-radius: 0 !important;
		border: none !important;
		border-bottom: 0.5px solid rgba(255, 255, 255, 0.05) !important;
		min-height: 44px;
	}
	.tab-pane[data-tab="tab-history"] .space-y-1 .glass-row:last-child {
		border-bottom: none !important;
	}
	/* Circle icons in Token Balance */
	.tab-pane[data-tab="tab-history"] .glass-row .flex.items-center.gap-4 {
		gap: 12px !important;
	}
	.tab-pane[data-tab="tab-history"] .glass-row div[style*="width: 40px"] {
		width: 36px !important;
		height: 36px !important;
	}
	.tab-pane[data-tab="tab-history"] .glass-row div[style*="width: 40px"] > div {
		width: 36px !important;
		height: 36px !important;
	}
	/* Milestone label */
	.tab-pane[data-tab="tab-history"] .glass-row div[style*="font-weight: 600"] {
		font-size: 15px !important;
		letter-spacing: -0.01em !important;
	}
	.tab-pane[data-tab="tab-history"] .glass-row div[style*="font-size: 13px"] {
		font-size: 13px !important;
		color: rgba(255, 255, 255, 0.35) !important;
	}
	/* NRN reward values (+200 NRN etc) */
	.tab-pane[data-tab="tab-history"] .glass-row > div[style*="color: #4ade80"] {
		font-size: 15px !important;
		font-weight: 600 !important;
		letter-spacing: -0.01em !important;
		text-shadow: none !important;
	}

	/* =======================================================
	   REWARDS STORE - iOS 27 LIQUID GLASS
	   - Frosted translucent layered surfaces
	   - Floating capsule balance bar
	   - Compact hero with glass overlay
	   - Grouped glass item container
	   - Tighter vertical rhythm
	   ======================================================= */

	.tab-pane[data-tab="tab-collab"] .glass-inner-ui {
		background: rgba(14, 14, 16, 0.80) !important;
		backdrop-filter: blur(40px) saturate(1.4) !important;
		-webkit-backdrop-filter: blur(40px) saturate(1.4) !important;
	}

	.rs-shell {
		padding: 0 !important;
		gap: 0 !important;
	}

	/* Topbar: bold title + liquid glass balance capsule */
	.rs-topbar {
		padding: 16px 18px 12px !important;
		margin-bottom: 0 !important;
		border-bottom: none !important;
	}
	.rs-title {
		font-size: 20px !important;
		font-weight: 700 !important;
		letter-spacing: -0.025em !important;
	}
	.rs-balance-pill {
		padding: 5px 12px 5px 8px !important;
		border-radius: 100px !important;
		background: rgba(255, 255, 255, 0.08) !important;
		border: 0.5px solid rgba(255, 255, 255, 0.12) !important;
		backdrop-filter: blur(20px) saturate(1.6) !important;
		-webkit-backdrop-filter: blur(20px) saturate(1.6) !important;
		gap: 5px !important;
	}
	.rs-balance-dot {
		width: 6px !important;
		height: 6px !important;
		box-shadow: 0 0 6px rgba(190,11,40,0.6) !important;
	}
	.rs-balance-text {
		display: none !important;
	}
	.rs-balance-val {
		font-size: 12px !important;
		font-weight: 700 !important;
		letter-spacing: -0.01em !important;
	}

	/* ============================================================
	   HERO CARD · REIMAGINED · VERTICAL EDITORIAL LAYOUT
	   ─ Centered Invictus logo as visual anchor
	   ─ Stacked vertical composition
	   ─ Full-width frosted CTA
	   ─ Collab lockup hidden (redundant with logo)
	   ─ Features as inline badges
	   ============================================================ */
	.rs-hero {
		border-radius: 20px !important;
		margin: 4px 14px 10px !important;
		border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
		overflow: hidden !important;
	}
	.rs-hero-bg {
		background: linear-gradient(160deg, #0c0204 0%, #0a0a0c 40%, #08050a 100%) !important;
	}
	.rs-hero:hover {
		transform: none !important;
		box-shadow: none !important;
	}
	.rs-hero:active {
		transform: scale(0.975) !important;
		transition: transform 0.15s cubic-bezier(0.2, 0, 0, 1) !important;
	}

	/* Flip inner to vertical stack */
	.rs-hero-inner {
		flex-direction: column !important;
		align-items: stretch !important;
		padding: 16px 16px 14px !important;
		gap: 0 !important;
	}

	/* Left column becomes full-width top section */
	.rs-hero-inner > div[style*="flex:1"] {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		order: 2 !important;
		min-width: 0 !important;
		flex: unset !important;
	}

	/* Collab label: stays at very top */
	.rs-hero-label {
		font-size: 8px !important;
		padding: 3px 8px !important;
		margin-bottom: 10px !important;
		border-radius: 6px !important;
		order: -1 !important;
	}

	/* Hide the collab lockup row (NEURA → INVICTUS GO) */
	.rs-hero-inner > div[style*="flex:1"] > div[style*="display:flex;align-items:center;gap:8px"] {
		display: none !important;
	}

	/* Title: large editorial style */
	.rs-hero-name {
		font-size: 18px !important;
		font-weight: 800 !important;
		letter-spacing: -0.03em !important;
		line-height: 1.15 !important;
		color: #fff !important;
		order: 1 !important;
	}
	.rs-hero-name br {
		display: none !important;
	}
	.rs-hero-name span {
		display: block !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		color: rgba(255, 255, 255, 0.40) !important;
		margin-top: 4px !important;
		letter-spacing: -0.01em !important;
	}

	/* Features line: subtle */
	.rs-hero-sub {
		font-size: 10px !important;
		color: rgba(255, 255, 255, 0.28) !important;
		margin-top: 6px !important;
		order: 2 !important;
		letter-spacing: 0.01em !important;
	}
	.rs-hero-sub svg {
		stroke: rgba(190, 11, 40, 0.7) !important;
	}

	/* Right column: absolutely positioned at top right, button on top, logo below */
	.rs-hero-inner {
		position: relative !important;
	}
	.rs-hero-inner > div[style*="flex-direction:column"] {
		position: absolute !important;
		top: 16px !important;
		right: 16px !important;
		flex-direction: column-reverse !important;
		align-items: flex-end !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		margin: 0 !important;
		width: auto !important;
		order: unset !important;
	}

	/* Invictus logo: aligned right, below the button */
	.rs-hero-inner > div[style*="flex-direction:column"] > div[style*="width:56px"] {
		width: 44px !important;
		height: 44px !important;
		border-radius: 10px !important;
		background: rgba(255, 255, 255, 0.04) !important;
		border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
		padding: 7px !important;
		box-sizing: border-box !important;
		align-self: flex-end !important;
	}
	.rs-hero-inner > div[style*="flex-direction:column"] > div[style*="width:56px"] img {
		width: 100% !important;
		height: 100% !important;
		filter: drop-shadow(0 2px 8px rgba(190, 11, 40, 0.3)) !important;
	}

	/* Buy button: compact pill at top right */
	.rs-hero-buy-invictus {
		width: auto !important;
		padding: 6px 12px !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		border-radius: 100px !important;
		letter-spacing: -0.01em !important;
	}
	.rs-hero-buy-invictus:hover { transform: none !important; }
	.rs-hero-buy-invictus:active { transform: scale(0.96) !important; }

	/* Section Label */
	.rs-section-label {
		font-size: 11px !important;
		font-weight: 600 !important;
		letter-spacing: 0.04em !important;
		color: rgba(255,255,255,0.25) !important;
		padding: 10px 18px 6px !important;
	}

	/* Items: grouped glass container */
	.rs-list {
		gap: 0 !important;
		padding: 0 !important;
		margin: 0 6px !important;
		background: rgba(255,255,255,0.025) !important;
		border-radius: 14px !important;
		overflow: hidden !important;
		border: 0.5px solid rgba(255,255,255,0.06) !important;
	}
	.rs-item {
		padding: 11px 14px !important;
		border-radius: 0 !important;
		margin: 0 !important;
		border: none !important;
		background: transparent !important;
		min-height: 44px;
		gap: 10px !important;
	}
	.rs-item:hover { transform: none !important; background: transparent !important; }
	.rs-item:active { background: rgba(255,255,255,0.05) !important; }
	.rs-list .rs-item + .rs-item {
		border-top: 0.5px solid rgba(255,255,255,0.06) !important;
	}
	.rs-list .rs-item:first-child,
	.rs-list .rs-item:last-child {
		border-radius: 0 !important;
	}
	.rs-icon {
		width: 32px !important;
		height: 32px !important;
		border-radius: 8px !important;
		border: none !important;
		background: rgba(255,255,255,0.06) !important;
	}
	.rs-icon svg { width: 15px !important; height: 15px !important; }
	.rs-item-name {
		font-size: 15px !important;
		font-weight: 500 !important;
		letter-spacing: -0.01em !important;
		color: rgba(255,255,255,0.88) !important;
	}
	.rs-item-desc {
		font-size: 12px !important;
		color: rgba(255,255,255,0.30) !important;
		margin-top: 1px !important;
	}
	.rs-chip {
		padding: 5px 10px !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		border-radius: 100px !important;
		letter-spacing: -0.01em !important;
		border-width: 0.5px !important;
	}
	.rs-chip:hover { transform: none !important; filter: none !important; }
	.rs-chip:active { transform: scale(0.93) !important; }
}