* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			body {
				font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI',
					Roboto, sans-serif;
				background-color: #15161b;
				background-image: url('images/bg.png');
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				background-attachment: fixed;
				color: #ffffff;
				min-height: 100vh;
			}

			.container {
				max-width: 1200px;
				margin: 0 auto;
				padding: 0 20px;
			}

			/* Header */
			.header {
				background-color: rgba(255, 255, 255, 0.05);
				backdrop-filter: blur(10px);
				border-bottom: 1px solid rgba(255, 255, 255, 0.1);
				position: sticky;
				top: 0;
				z-index: 100;
				transition: all 0.3s ease;
			}

			.header-content {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 20px 0;
			}

			.header-left {
				display: flex;
				align-items: center;
				gap: 30px;
			}

			.price-ticker {
				display: flex;
				align-items: center;
				gap: 8px;
				background: rgba(255, 255, 255, 0.05);
				border: 1px solid rgba(255, 255, 255, 0.1);
				border-radius: 8px;
				padding: 8px 16px;
				backdrop-filter: blur(10px);
			}

			.price-label {
				color: rgba(255, 255, 255, 0.7);
				font-size: 12px;
				font-weight: 500;
				text-transform: uppercase;
			}

			.price-value {
				color: #ffffff;
				font-size: 14px;
				font-weight: 600;
				min-width: 60px;
			}

			.price-change {
				font-size: 12px;
				font-weight: 500;
				padding: 2px 6px;
				border-radius: 4px;
				min-width: 45px;
				text-align: center;
			}

			.price-change.positive {
				color: #83efaa;
				background: rgba(131, 239, 170, 0.1);
			}

			.price-change.negative {
				color: #ff6b6b;
				background: rgba(255, 107, 107, 0.1);
			}

			.logo {
				display: flex;
				align-items: center;
				gap: 12px;
				text-decoration: none;
				color: #ffffff;
				font-size: 24px;
				font-weight: 700;
			}

			.logo img {
				width: 40px;
				height: 40px;
			}

			.header-right {
				display: flex;
				align-items: center;
				gap: 20px;
			}

			.header-nav {
				display: flex;
				align-items: center;
				gap: 16px;
			}

			.nav-link {
				color: rgba(255, 255, 255, 0.8);
				text-decoration: none;
				font-weight: 500;
				font-size: 14px;
				padding: 8px 16px;
				border-radius: 6px;
				transition: all 0.3s ease;
			}

			.nav-link:hover {
				color: #83efaa;
				background: rgba(131, 239, 170, 0.1);
			}

			.social-links {
				display: flex;
				align-items: center;
				gap: 16px;
			}

			.social-link {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 40px;
				height: 40px;
				color: rgba(255, 255, 255, 0.7);
				border-radius: 8px;
				transition: all 0.3s ease;
				text-decoration: none;
				background: rgba(255, 255, 255, 0.05);
				border: 1px solid rgba(255, 255, 255, 0.1);
			}

			.social-link:hover {
				color: #83efaa;
				background: rgba(131, 239, 170, 0.1);
				border-color: rgba(131, 239, 170, 0.3);
				transform: translateY(-2px);
			}

			.claim-button {
				background: linear-gradient(135deg, #e87cac, #6bc790);
				color: #15161b;
				border: none;
				padding: 12px 32px;
				border-radius: 8px;
				font-size: 16px;
				font-weight: 600;
				cursor: pointer;
				transition: all 0.3s ease;
				text-decoration: none;
				display: inline-block;
				position: relative;
				overflow: hidden;
			}

			.claim-button::before {
				content: '';
				position: absolute;
				top: 0;
				left: -100%;
				width: 100%;
				height: 100%;
				background: linear-gradient(
					90deg,
					transparent,
					rgba(255, 255, 255, 0.2),
					transparent
				);
				transition: left 0.5s ease;
			}

			.claim-button:hover::before {
				left: 100%;
			}

			.claim-button:hover {
				transform: translateY(-2px);
				box-shadow: 0 8px 25px rgba(131, 239, 170, 0.3);
			}

			.claim-button:active {
				transform: translateY(0);
			}

			/* Hero Section */
			.hero {
				padding: 80px 0 120px;
				display: flex;
				align-items: flex-start;
			}

			.hero-wrapper {
				display: flex;
				align-items: flex-start;
				gap: 80px;
			}

			.hero-content {
				flex: 1;
				text-align: left;
			}

			.hero-illustration {
				flex: 1;
				display: flex;
				justify-content: center;
				align-items: flex-start;
				position: relative;
			}

			.hero-image {
				max-width: 100%;
				height: auto;
				border-radius: 20px;
				transition: transform 0.3s ease;
				animation: float 4s linear infinite;
			}

			.hero-image:hover {
				animation-play-state: paused;
				transform: scale(1.05) translateY(-5px);
			}

			@keyframes float {
				0% {
					transform: translateY(0px);
				}
				25% {
					transform: translateY(-5px);
				}
				50% {
					transform: translateY(-10px);
				}
				75% {
					transform: translateY(-5px);
				}
				100% {
					transform: translateY(0px);
				}
			}

			.hero-badge {
				display: inline-block;
				background: rgba(131, 239, 170, 0.15);
				border: 1px solid rgba(131, 239, 170, 0.3);
				padding: 8px 20px;
				border-radius: 50px;
				margin-bottom: 24px;
				backdrop-filter: blur(10px);
			}

			.hero-badge span {
				color: #83efaa;
				font-size: 14px;
				font-weight: 600;
			}

			.hero-title {
				font-size: 48px;
				font-weight: 700;
				line-height: 1.1;
				margin-bottom: 24px;
				color: #ffffff;
			}

			.highlight {
				color: #83efaa;
				background: linear-gradient(135deg, #e87cac, #6bc790);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				background-clip: text;
			}

			.hero-description {
				font-size: 18px;
				line-height: 1.6;
				color: rgba(255, 255, 255, 0.8);
				margin-bottom: 40px;
			}

			.hero-buttons {
				display: flex;
				gap: 20px;
				justify-content: flex-start;
				align-items: center;
				flex-wrap: wrap;
			}

			.claim-button-hero {
				background: linear-gradient(135deg, #e87cac, #6bc790);
				color: #15161b;
				border: none;
				padding: 16px 40px;
				border-radius: 8px;
				font-size: 16px;
				font-weight: 600;
				cursor: pointer;
				transition: all 0.3s ease;
				text-decoration: none;
				display: inline-block;
				position: relative;
				overflow: hidden;
			}

			.claim-button-hero::before {
				content: '';
				position: absolute;
				top: 0;
				left: -100%;
				width: 100%;
				height: 100%;
				background: linear-gradient(
					90deg,
					transparent,
					rgba(255, 255, 255, 0.2),
					transparent
				);
				transition: left 0.5s ease;
			}

			.claim-button-hero:hover::before {
				left: 100%;
			}

			.claim-button-hero:hover {
				transform: translateY(-2px);
				box-shadow: 0 8px 25px rgba(131, 239, 170, 0.3);
			}

			.learn-button {
				background: transparent;
				color: #ffffff;
				border: 2px solid rgba(255, 255, 255, 0.2);
				padding: 16px 40px;
				border-radius: 8px;
				font-size: 16px;
				font-weight: 500;
				cursor: pointer;
				transition: all 0.3s ease;
				text-decoration: none;
				display: inline-block;
			}

			.learn-button:hover {
				border-color: #83efaa;
				color: #83efaa;
				transform: translateY(-2px);
			}

			/* Mobile responsive */
			@media (max-width: 768px) {
				.header-content {
					flex-direction: row;
					justify-content: space-between;
					align-items: center;
					gap: 16px;
					padding: 16px 0;
				}

				.header-left {
					flex-direction: row;
					gap: 16px;
					align-items: center;
					flex: 1;
				}

				.logo {
					font-size: 20px;
				}

				.logo img {
					width: 32px;
					height: 32px;
				}

				.price-ticker {
					padding: 4px 8px;
					gap: 6px;
					min-width: auto;
				}

				.price-label {
					font-size: 10px;
				}

				.price-value {
					font-size: 12px;
					min-width: 50px;
				}

				.price-change {
					font-size: 10px;
					padding: 1px 4px;
					min-width: 35px;
				}

				.header-right {
					gap: 12px;
					flex-shrink: 0;
				}

				.header-nav {
					display: none;
				}

				.social-links {
					gap: 8px;
				}

				.social-link {
					width: 32px;
					height: 32px;
				}

				.social-link svg {
					width: 16px;
					height: 16px;
				}

				.claim-button {
					padding: 8px 16px;
					font-size: 12px;
					white-space: nowrap;
				}
			}

			/* Extra small mobile */
			@media (max-width: 480px) {
				.header-content {
					flex-direction: column;
					gap: 12px;
					padding: 12px 0;
				}

				.header-left {
					width: 100%;
					justify-content: space-between;
				}

				.logo {
					font-size: 18px;
				}

				.price-ticker {
					padding: 4px 6px;
				}

				.price-value {
					font-size: 11px;
					min-width: 45px;
				}

				.price-change {
					font-size: 9px;
					min-width: 30px;
				}

				.header-right {
					width: 100%;
					justify-content: space-between;
					align-items: center;
				}

				.social-links {
					gap: 6px;
				}

				.social-link {
					width: 30px;
					height: 30px;
				}

				.social-link svg {
					width: 14px;
					height: 14px;
				}

				.claim-button {
					padding: 8px 20px;
					font-size: 12px;
					flex: 1;
					text-align: center;
					max-width: 120px;
				}
			}

			/* Mobile responsive for hero section */
			@media (max-width: 768px) {
				.hero {
					padding: 60px 0 80px;
				}

				.hero-wrapper {
					flex-direction: column;
					gap: 40px;
				}

				.hero-content {
					text-align: center;
				}

				.hero-illustration {
					order: -1;
				}

				.hero-image {
					max-width: 70%;
					height: auto;
				}

				.hero-title {
					font-size: 36px;
				}

				.hero-description {
					font-size: 16px;
					max-width: 100%;
				}

				.hero-buttons {
					justify-content: center;
					flex-direction: column;
					gap: 16px;
				}

				.claim-button-hero,
				.learn-button {
					width: 100%;
					text-align: center;
				}

				/* About Airdrop Mobile */
				.about-airdrop {
					padding: 0 0 60px 0;
				}

				.about-title {
					font-size: 32px;
				}

				.about-description {
					font-size: 16px;
					margin-bottom: 40px;
				}

				.airdrop-stats {
					flex-direction: column;
					gap: 30px;
					margin-bottom: 40px;
				}

				.stat-number {
					font-size: 28px;
				}

				.eligibility-info {
					padding: 24px;
					margin-bottom: 30px;
				}

				.eligibility-title {
					font-size: 20px;
				}

				.eligibility-wrapper {
					flex-direction: column;
					gap: 20px;
				}

				.eligibility-list li {
					font-size: 14px;
					padding-left: 35px;
				}

				.eligibility-image {
					max-width: 200px;
					height: auto;
				}

				.connect-text {
					font-size: 16px;
				}

				.connect-wallet-btn {
					width: 100%;
					padding: 14px 20px;
				}
			}

			/* About Airdrop Section */
			.about-airdrop {
				padding: 0 0 80px 0;
			}

			.about-content {
				max-width: 800px;
				margin: 0 auto;
				text-align: center;
			}

			.about-title {
				font-size: 42px;
				font-weight: 700;
				color: #ffffff;
				margin-bottom: 24px;
				line-height: 1.1;
			}

			.about-description {
				font-size: 18px;
				line-height: 1.6;
				color: rgba(255, 255, 255, 0.8);
				margin-bottom: 50px;
			}

			.airdrop-stats {
				display: flex;
				justify-content: center;
				gap: 60px;
				margin-bottom: 50px;
			}

			.stat-item {
				text-align: center;
			}

			.stat-number {
				display: block;
				font-size: 36px;
				font-weight: 700;
				color: #83efaa;
				margin-bottom: 8px;
			}

			.stat-label {
				font-size: 14px;
				color: rgba(255, 255, 255, 0.7);
				text-transform: uppercase;
				letter-spacing: 1px;
			}

			.eligibility-info {
				text-align: left;
				background: rgba(255, 255, 255, 0.05);
				border: 1px solid rgba(255, 255, 255, 0.1);
				border-radius: 16px;
				padding: 32px;
				margin-bottom: 40px;
				backdrop-filter: blur(10px);
			}

			.eligibility-title {
				font-size: 24px;
				font-weight: 600;
				color: #ffffff;
				margin-bottom: 20px;
				text-align: center;
			}

			.eligibility-list {
				list-style: none;
				padding: 0;
				flex: 1;
			}

			.eligibility-list li {
				padding: 12px 0;
				color: rgba(255, 255, 255, 0.8);
				font-size: 16px;
				position: relative;
				padding-left: 30px;
			}

			.eligibility-list li::before {
				content: '✓';
				position: absolute;
				left: 0;
				color: #83efaa;
				font-weight: bold;
				font-size: 18px;
			}

			.eligibility-wrapper {
				display: flex;
				gap: 40px;
				align-items: center;
			}

			.eligibility-illustration {
				flex: 1;
				display: flex;
				justify-content: center;
				align-items: center;
				max-width: 300px;
			}

			.eligibility-image {
				max-width: 250px;
				height: auto;
				border-radius: 12px;
				transition: transform 0.3s ease;
			}

			.eligibility-image:hover {
				transform: scale(1.05);
			}

			.connect-section {
				text-align: center;
			}

			.connect-text {
				font-size: 18px;
				color: rgba(255, 255, 255, 0.8);
				margin-bottom: 24px;
			}

			.connect-wallet-btn {
				background: linear-gradient(135deg, #83efaa, #6bc790);
				color: #15161b;
				border: none;
				padding: 16px 40px;
				border-radius: 8px;
				font-size: 16px;
				font-weight: 600;
				cursor: pointer;
				transition: all 0.3s ease;
				position: relative;
				overflow: hidden;
			}

			.connect-wallet-btn::before {
				content: '';
				position: absolute;
				top: 0;
				left: -100%;
				width: 100%;
				height: 100%;
				background: linear-gradient(
					90deg,
					transparent,
					rgba(255, 255, 255, 0.2),
					transparent
				);
				transition: left 0.5s ease;
			}

			.connect-wallet-btn:hover::before {
				left: 100%;
			}

			.connect-wallet-btn:hover {
				transform: translateY(-2px);
				box-shadow: 0 8px 25px rgba(131, 239, 170, 0.3);
			}

			/* Extra small mobile */
			@media (max-width: 480px) {
				.hero-image {
					max-width: 60%;
					height: auto;
				}

				.about-airdrop {
					padding: 0 0 40px 0;
				}

				.about-title {
					font-size: 28px;
				}

				.about-description {
					font-size: 14px;
				}

				.airdrop-stats {
					gap: 20px;
				}

				.stat-number {
					font-size: 24px;
				}

				.stat-label {
					font-size: 12px;
				}

				.eligibility-info {
					padding: 20px;
				}

				.eligibility-title {
					font-size: 18px;
				}

				.eligibility-wrapper {
					flex-direction: column;
					gap: 16px;
				}

				.eligibility-list li {
					font-size: 13px;
					padding: 8px 0;
					padding-left: 35px;
				}

				.eligibility-image {
					max-width: 180px;
					height: auto;
				}

				.connect-text {
					font-size: 14px;
				}

				.connect-wallet-btn {
					font-size: 14px;
					padding: 12px 16px;
				}
			}

			/* Live Transactions */
			.live-transactions-section {
				background-color: #15161b;
				background-image: url('images/bg.png');
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				background-attachment: fixed;
				padding: 4rem 0;
				position: relative;
				overflow: hidden;
			}

			.live-transactions-header {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 2rem;
			}

			.live-transactions-title {
				font-size: 2.5rem;
				font-weight: 700;
				color: #ffffff;
				margin: 0;
			}

			.live-indicator {
				display: flex;
				align-items: center;
				gap: 8px;
				background: rgba(255, 255, 255, 0.05);
				border: 1px solid rgba(255, 255, 255, 0.1);
				border-radius: 20px;
				padding: 8px 16px;
				backdrop-filter: blur(10px);
			}

			.live-dot {
				width: 8px;
				height: 8px;
				background: #ffffff;
				border-radius: 50%;
				animation: pulse 2s infinite;
			}

			@keyframes pulse {
				0%, 100% { opacity: 1; transform: scale(1); }
				50% { opacity: 0.5; transform: scale(1.2); }
			}

			.live-indicator span {
				color: #ffffff;
				font-weight: 600;
				font-size: 12px;
				text-transform: uppercase;
				letter-spacing: 1px;
			}

			.transactions-container {
				background: rgba(255, 255, 255, 0.02);
				border: 1px solid rgba(255, 255, 255, 0.1);
				border-radius: 16px;
				backdrop-filter: blur(20px);
				overflow: hidden;
			}

			.transactions-list {
				max-height: 400px;
				overflow-y: auto;
			}

			.transaction-item {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 1rem 1.5rem;
				border-bottom: 1px solid rgba(255, 255, 255, 0.05);
				transition: all 0.3s ease;
				animation: slideIn 0.5s ease-out;
			}

			.transaction-item:hover {
				background: rgba(255, 255, 255, 0.05);
			}

			@keyframes slideIn {
				from { opacity: 0; transform: translateX(-20px); }
				to { opacity: 1; transform: translateX(0); }
			}

			.transaction-info {
				display: flex;
				align-items: center;
				gap: 1rem;
			}

			.transaction-type {
				width: 40px;
				height: 40px;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				font-weight: 600;
				font-size: 14px;
			}

			.transaction-type.buy {
				background: rgba(131, 239, 170, 0.2);
				color: #83efaa;
			}

			.transaction-type.sell {
				background: rgba(255, 107, 107, 0.2);
				color: #ff6b6b;
			}

			.transaction-details {
				display: flex;
				flex-direction: column;
				gap: 4px;
			}

			.transaction-amount {
				font-weight: 600;
				color: #ffffff;
			}

			.transaction-address {
				font-size: 12px;
				color: rgba(255, 255, 255, 0.6);
				font-family: monospace;
			}

			.transaction-time {
				color: rgba(255, 255, 255, 0.5);
				font-size: 12px;
			}

			/* Mobile responsive for transactions */
			@media (max-width: 768px) {
				.live-transactions-title {
					font-size: 1.8rem;
				}

				.live-transactions-header {
					flex-direction: column;
					gap: 1rem;
					align-items: flex-start;
				}

				.transaction-item {
					flex-direction: column;
					align-items: flex-start;
					gap: 0.5rem;
				}

				.transaction-info {
					width: 100%;
				}
			}


			/* Footer */
			.footer {
				background: rgba(255, 255, 255, 0.05);
				backdrop-filter: blur(10px);
				border-top: 1px solid rgba(255, 255, 255, 0.1);
				margin-top: 80px;
			}

			.footer-content {
				display: flex;
				justify-content: space-between;
				gap: 80px;
				padding: 60px 0 40px;
			}

			.footer-brand {
				flex: 1;
				max-width: 400px;
			}

			.footer-logo {
				display: flex;
				align-items: center;
				gap: 12px;
				text-decoration: none;
				color: #ffffff;
				font-size: 20px;
				font-weight: 700;
				margin-bottom: 16px;
			}

			.footer-logo img {
				width: 32px;
				height: 32px;
			}

			.footer-description {
				color: rgba(255, 255, 255, 0.6);
				font-size: 14px;
				line-height: 1.6;
				margin: 0 0 24px 0;
			}

			.footer-social {
				display: flex;
				gap: 16px;
			}

			.footer-social-link {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 40px;
				height: 40px;
				color: rgba(255, 255, 255, 0.6);
				border-radius: 8px;
				transition: all 0.3s ease;
				text-decoration: none;
				background: rgba(255, 255, 255, 0.05);
				border: 1px solid rgba(255, 255, 255, 0.1);
			}

			.footer-social-link:hover {
				color: #83efaa;
				background: rgba(131, 239, 170, 0.1);
				border-color: rgba(131, 239, 170, 0.3);
				transform: translateY(-2px);
			}

			.footer-links {
				display: flex;
				gap: 60px;
				flex: 2;
			}

			.footer-column {
				flex: 1;
			}

			.footer-title {
				color: #ffffff;
				font-size: 16px;
				font-weight: 600;
				margin-bottom: 20px;
			}

			.footer-menu {
				list-style: none;
				padding: 0;
				margin: 0;
			}

			.footer-menu li {
				margin-bottom: 12px;
			}

			.footer-menu a {
				color: rgba(255, 255, 255, 0.6);
				text-decoration: none;
				font-size: 14px;
				transition: color 0.3s ease;
			}

			.footer-menu a:hover {
				color: #83efaa;
			}

			.footer-bottom {
				border-top: 1px solid rgba(255, 255, 255, 0.1);
				padding: 20px 0;
			}

			.footer-bottom-content {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.footer-copyright {
				color: rgba(255, 255, 255, 0.5);
				font-size: 12px;
				margin: 0;
			}

			.footer-stats {
				display: flex;
				gap: 40px;
			}

			.footer-stat {
				text-align: center;
				display: flex;
				flex-direction: column;
				gap: 4px;
			}

			.footer-stat .stat-value {
				color: #83efaa;
				font-size: 16px;
				font-weight: 600;
			}

			.footer-stat .stat-label {
				color: rgba(255, 255, 255, 0.5);
				font-size: 11px;
				text-transform: uppercase;
				letter-spacing: 0.5px;
			}

			/* Footer Mobile */
			@media (max-width: 768px) {
				.footer-content {
					flex-direction: column;
					gap: 40px;
					padding: 40px 0;
				}

				.footer-brand {
					max-width: 100%;
					text-align: center;
				}

				.footer-logo {
					justify-content: center;
					font-size: 18px;
				}

				.footer-logo img {
					width: 28px;
					height: 28px;
				}

				.footer-description {
					text-align: center;
				}

				.footer-social {
					justify-content: center;
					gap: 12px;
				}

				.footer-social-link {
					width: 36px;
					height: 36px;
				}

				.footer-links {
					flex-direction: column;
					gap: 30px;
					align-items: center;
				}

				.footer-column {
					text-align: center;
					width: 100%;
				}

				.footer-title {
					font-size: 15px;
				}

				.footer-menu a {
					font-size: 13px;
				}

				.footer-bottom-content {
					flex-direction: column;
					gap: 20px;
					text-align: center;
				}

				.footer-stats {
					gap: 30px;
				}

				.footer-stat .stat-value {
					font-size: 14px;
				}

				.footer-stat .stat-label {
					font-size: 10px;
				}
			}

			@media (max-width: 480px) {
				.footer-content {
					gap: 30px;
					padding: 30px 0;
				}

				.footer-logo {
					font-size: 16px;
				}

				.footer-logo img {
					width: 24px;
					height: 24px;
				}

				.footer-description {
					font-size: 13px;
				}

				.footer-social {
					gap: 10px;
				}

				.footer-social-link {
					width: 32px;
					height: 32px;
				}

				.footer-social-link svg {
					width: 16px;
					height: 16px;
				}

				.footer-links {
					gap: 20px;
					align-items: center;
				}

				.footer-column {
					text-align: center;
					width: 100%;
				}

				.footer-title {
					font-size: 14px;
				}

				.footer-menu a {
					font-size: 12px;
				}

				.footer-bottom-content {
					gap: 16px;
				}

				.footer-stats {
					gap: 20px;
				}

				.footer-stat .stat-value {
					font-size: 13px;
				}

				.footer-stat .stat-label {
					font-size: 9px;
				}

				.footer-copyright {
					font-size: 11px;
				}
			}