.elementor-6261 .elementor-element.elementor-element-2bc6829{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6261 .elementor-element.elementor-element-2839320 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-6261 .elementor-element.elementor-element-2bc6829{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6261 .elementor-element.elementor-element-2839320 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-6261 .elementor-element.elementor-element-2bc6829{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6261 .elementor-element.elementor-element-2839320 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-6261{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-2839320 */<style>
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	.swift-landing {
		font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
		background-color: #0d0d0d;
		min-height: 100vh;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		padding: 40px 20px;
		position: relative;
		overflow-x: hidden;
	}



	/* Background gradient effects */
	.bg-gradient {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		z-index: 0;
	}

	.gradient-orb {
		position: absolute;
		border-radius: 50%;
		filter: blur(100px);
		opacity: 0.6;
	}


	.gradient-orb-1 {
		width: 400px;
		height: 400px;
		background: linear-gradient(135deg, #8B0000 0%, #4a0000 100%);
		top: 10%;
		left: 50%;
		transform: translateX(-50%);
	}

	.gradient-orb-2 {
		width: 300px;
		height: 300px;
		background: linear-gradient(135deg, #2d1b1b 0%, #1a0f0f 100%);
		top: 40%;
		left: 30%;
		opacity: 0.4;
	}

	.gradient-orb-3 {
		width: 250px;
		height: 250px;
		background: linear-gradient(135deg, #3d1f1f 0%, #0d0d0d 100%);
		top: 60%;
		right: 25%;
		opacity: 0.5;
	}

	/* Main card container */
	.card {
		position: relative;
		z-index: 1;
		width: 100%;
		max-width: 540px;
		background: rgba(30, 30, 30, 0.6);
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
		border-radius: 24px;
		padding: 24px;
		border: 1px solid rgba(255, 255, 255, 0.08);
	}

	/* Header with icons */
	.header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 24px;
	}

	.icon-btn {
		width: 44px;
		height: 44px;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.9);
		border: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: transform 0.2s ease, background 0.2s ease;
	}

	.icon-btn:hover {
		transform: scale(1.05);
		background: rgba(255, 255, 255, 1);
	}

	.icon-btn svg {
		width: 20px;
		height: 20px;
		color: #1a1a1a;
	}

	/* Profile section */
	.profile {
		text-align: center;
		margin-bottom: 32px;
	}

	.profile-logo {
		width: 96px;
		height: 96px;
		margin: 0 auto 16px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	.profile-logo svg {
		width: 60px;
		height: 60px;
	}

	.profile-logo img {
		height: 100%;
		width: 100%;
	}


	.username {
		font-size: 20px;
		font-weight: 600;
		color: #ffffff;
		letter-spacing: -0.3px;
	}

	/* Links section */
	.links {
		display: flex;
		flex-direction: column;
		gap: 16px;
		margin-bottom: 32px;
	}

	.link-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 18px 24px;
		background: #000000;
		border-radius: 12px;
		text-decoration: none;
		color: #ffffff;
		font-size: 15px;
		font-weight: 500;
		transition: transform 0.2s ease, background 0.2s ease;
		position: relative;
		border: 1px solid rgba(255, 255, 255, 0.05);
	}

	.link-btn:hover {
		transform: translateY(-2px);
		background: #1a1a1a;
	}

	.link-btn-text {
		flex: 1;
		text-align: center;
	}

	.link-btn-text:hover {
		color: white !important;

	}

	.link-btn-menu {
		position: absolute;
		right: 16px;
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 8px;
		transition: background 0.2s ease;
	}

	.link-btn-menu:hover {
		background: rgba(255, 255, 255, 0.1);
	}

	.link-btn-menu svg {
		width: 16px;
		height: 16px;
		color: rgba(255, 255, 255, 0.6);
	}
	
	.social-icons {
margin-top: 16px;
display: flex;
justify-content: center;
gap: 18px;
}

.social-icons a {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgba(255, 255, 255, 0.08);
transition: all 0.2s ease;
}

.social-icons a:hover {
background: rgba(255, 255, 255, 0.18);
transform: translateY(-2px);
}

.social-icons svg {
width: 18px;
height: 18px;
color: white;
}

.swift-landing .icon-btn {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border-radius: 50%;
    flex-shrink: 0;
}


	.swift-landing .links a:hover {
		color: white !important;
	}

    .opacity-zero{
        opacity: 0;
        height: 0px;
    }

	/* Footer section */
	.footer {
		text-align: center;
		padding-top: 8px;
	}

	.join-btn {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 14px 24px;
		background: #ffffff;
		border-radius: 50px;
		text-decoration: none;
		color: #1a1a1a;
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 20px;
		transition: transform 0.2s ease, box-shadow 0.2s ease;
	}

	.join-btn:hover {
		transform: translateY(-2px);
		box-shadow: 0 8px 24px rgba(255, 255, 255, 0.15);
	}

	.join-btn svg {
		width: 18px;
		height: 18px;
	}

	.footer-links {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		flex-wrap: wrap;
	}

	.footer-links a {
		color: rgba(255, 255, 255, 0.5);
		text-decoration: none;
		font-size: 12px;
		font-weight: 400;
		transition: color 0.2s ease;
	}

	.footer-links a:hover {
		color: rgba(255, 255, 255, 0.8);
	}

	.footer-links span {
		color: rgba(255, 255, 255, 0.3);
		font-size: 12px;
	}

	/* QR Code section - Desktop only */
	.qr-section {
		position: fixed;
		right: 40px;
		bottom: 40px;
		text-align: center;
		z-index: 2;
	}

	.qr-label {
		color: rgba(255, 255, 255, 0.7);
		font-size: 13px;
		font-weight: 500;
		margin-bottom: 12px;
	}

	.qr-code {
		width: 140px;
		height: 140px;
		background: white;
		border-radius: 12px;
		padding: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.qr-code svg {
		width: 100%;
		height: 100%;
	}

	/* Hide QR code on mobile */
	@media (max-width: 1024px) {
		.qr-section {
			display: none;
		}
	}

	/* Mobile responsive */
	@media (max-width: 640px) {
		body {
			padding: 20px 16px;
		}

		.card {
			padding: 20px;
			border-radius: 20px;
		}

		.profile-logo {
			width: 80px;
			height: 80px;
		}

		.profile-logo svg {
			width: 48px;
			height: 48px;
		}

		.username {
			font-size: 18px;
		}

		.link-btn {
			padding: 16px 20px;
			font-size: 14px;
		}

		.icon-btn {
			width: 40px;
			height: 40px;
		}

		.join-btn {
			padding: 12px 20px;
			font-size: 13px;
		}
	}

	/* Animation on load */
	@keyframes fadeInUp {
		from {
			opacity: 0;
			transform: translateY(20px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.card {
		animation: fadeInUp 0.6s ease-out;
	}

	.link-btn {
		animation: fadeInUp 0.6s ease-out backwards;
	}

	.link-btn:nth-child(1) {
		animation-delay: 0.1s;
	}

	.link-btn:nth-child(2) {
		animation-delay: 0.15s;
	}

	.link-btn:nth-child(3) {
		animation-delay: 0.2s;
	}

	.link-btn:nth-child(4) {
		animation-delay: 0.25s;
	}

	.link-btn:nth-child(5) {
		animation-delay: 0.3s;
	}



</style>/* End custom CSS */