@font-face {
	font-family:'HarmonyOS';
	src:url('../webfonts/HarmonyOS_Sans.woff2') format('woff2');
}	
body {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}	
* {
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:transparent;
}	
@media (max-width:768px) {
	.link-item {
	width:90%;
	max-width:300px;
	padding:12px 24px;
	margin:8px auto;
}	
	.link-item:active .holographic-effect {
	opacity:1;
	animation:mobile-glow 0.6s ease;
}
@keyframes mobile-glow {
	0% {
	transform:scale(0.8);
	opacity:0;
}
50% {
	transform:scale(1.2);
	opacity:0.6;
}
100% {
	transform:scale(1);
	opacity:0;
}
;};}
	
.custom-bg.loaded {
	opacity:1;
}	
.social-item img {
	filter:invert(0);
	
	;
}	
[data-theme="dark"] .social-item img {
	filter:invert(1);
	
	;
}
:root {
	--light-bg:#ffffff;
	--dark-bg:#0D0D0D;
	--text-color:#333333;
	--text-color-dark:#f0f0f0;
	--primary-color:#007bff;
	--card-bg:#ffffff;
	--card-bg-dark:#1a1a1a;
	--primary-color:#5A8BFF;
	
	
	--secondary-color:#4D4D4D;
	--background-color:#FAFAFA;
	
	
	--text-color:#1A1A1A;
	--glass-bg:rgba(255,255,255,0.9);
	
	
	--blur-intensity:20px;
	--harmony-glow:radial-gradient(circle at 50% 50%,rgba(90,139,255,0.6),transparent 60%);
	--dark-bg:#0D0D0D;
	--dark-surface:#1A1A1A;
	--dark-primary:#5A8BFF;
	--dark-text:rgba(255,255,255,0.9);
}	
@media (prefers-color-scheme:dark) {
	:root:not([data-theme="light"]) {
	--background-color:var(--dark-bg);
	--glass-bg:rgba(26,26,26,0.9);
	--text-color:var(--dark-text);
	--primary-color:var(--dark-primary);
}
;}
	
@media (prefers-color-scheme:dark) {
	:root:not([data-theme="light"]) {
	--background-color:var(--dark-bg);
	--glass-bg:rgba(26,26,26,0.9);
	--text-color:var(--dark-text);
	--primary-color:var(--dark-primary);
}
;}[data-theme="dark"] {
	--background-color:var(--dark-bg);
	--glass-bg:rgba(26,26,26,0.9);
	--text-color:var(--dark-text);
	--primary-color:var(--dark-primary);
}
.fixed-footer {
	position:fixed;
	left:41%;
	bottom:0;
	padding:10px;
}	
.theme-toggle {
	position:fixed;
	top:20px;
	right:20px;
	width:44px;
	height:44px;
	border-radius:12px;
	background:var(--glass-bg);
	backdrop-filter:blur(20px);
	border:1px solid rgba(255,255,255,0.1);
	cursor:pointer;
	transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
	z-index:999;
}
.sun-moon {
	position:relative;
	width:24px;
	height:24px;
	margin:10px;
	transition:transform 0.4s ease;
}
.dots {
	position:absolute;
	width:100%;
	height:100%;
	transition:all 0.4s ease;
}
.dot {
	position:absolute;
	width:4px;
	height:4px;
	background:var(--text-color);
	border-radius:50%;
	transition:all 0.4s ease;
}
.dot:nth-child(1) {
	top:0;
	left:50%;
	transform:translateX(-50%);
}
.dot:nth-child(2) {
	top:50%;
	right:0;
	transform:translateY(-50%);
}
.dot:nth-child(3) {
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}	
[data-theme="dark"] .theme-toggle {
	background:rgba(26,26,26,0.9);
}
[data-theme="dark"] .sun-moon {
	transform:rotate(180deg);
}
[data-theme="dark"] .dot {
	background:#5A8BFF;
	box-shadow:0 0 8px rgba(90,139,255,0.3);
}	
body,.link-item,.social-item,.avatar-wrapper {
	transition:background-color 0.4s cubic-bezier(0.4,0,0.2,1),color 0.4s cubic-bezier(0.4,0,0.2,1),border-color 0.4s cubic-bezier(0.4,0,0.2,1);
}
.gradient-circle {
	transition:opacity 0.4s ease;
}
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
html {
	overflow:auto;
	scrollbar-width:none;
	-ms-overflow-style:none;
}
body {
	font-family:'Segoe UI',sans-serif;
	background:var(--background-color);
	color:var(--text-color);
	line-height:1.6;
	overflow-x:hidden;
	margin-right:calc(-1 * (100vw - 100%));
	
	
	overflow:auto;
	scrollbar-width:none;
	-ms-overflow-style:none;
}
html::-webkit-scrollbar,body::-webkit-scrollbar {
	display:none;
	width:0 !important;
	height:0 !important;
}
.loader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:var(--background-color);
	z-index:999;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:opacity 0.5s;
}
.loader-inner {
	position:relative;
	width:80px;
	height:80px;
}
.loader-circle {
	position:absolute;
	width:100%;
	height:100%;
	border:3px solid transparent;
	border-top-color:var(--primary-color);
	border-radius:50%;
	animation:spin 1s linear infinite;
}
@keyframes spin {
	to {
	transform:rotate(360deg);
}
;}.container {
	max-width:1200px;
	margin:0 auto;
	padding:2rem;
	position:relative;
	z-index:1;
}	
.avatar-section {
	margin:2rem 0;
	display:flex;
	justify-content:center;
}
.avatar-wrapper {
	position:relative;
	box-shadow:0 16px 40px rgba(255,255,255,0);
	border:2px solid rgba(255,255,255,0);
	border-radius:50%;
	padding:5px;
	transition:transform 0.3s ease;
	width:480px;
	height:480px;
	margin:0 auto 40px;
}	
.ip-address {
	background:var(--glass-bg);
	padding:8px 16px;
	border-radius:12px;
	backdrop-filter:blur(var(--blur-intensity));
}
@keyframes pulse {
	0%,100% {
	opacity:0.3;
}
50% {
	opacity:0.6;
}
;}
	
.text-section {
	text-align:center;
	margin:2rem 0;
}
.site-title {
	font-size:2.5rem;
	margin-bottom:1rem;
	color:var(--primary-color);
	text-shadow:0 2px 10px rgba(255,153,153,0.3);
}
.site-description {
	font-size:1.2rem;
	opacity:0.9;
}	
.main-links {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:1rem;
	margin:2rem 0;
}	
.link-item {
	position:relative;
	overflow:hidden;
	transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);
	color:var(--text-color) !important;
	
	
	text-decoration:none !important;
	
	
	padding:1.2rem 2.5rem;
	border-radius:16px;
	background:var(--glass-bg);
	backdrop-filter:blur(var(--blur-intensity));
	box-shadow:0 8px 32px rgba(0,0,0,0.05);
	transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
	border:1px solid rgba(255,255,255,0.3);
}
.link-item::before {
	content:'';
	position:absolute;
	width:150%;
	height:150%;
	background:radial-gradient(circle closest-side,rgba(90,139,255,0.15),transparent 60%);
	transform:translate(-50%,-50%);
	transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
	opacity:0;
	pointer-events:none;
}
.link-item:hover::before {
	opacity:1;
}	
.link-item::after {
	content:'';
	position:absolute;
	inset:0;
	border-radius:16px;
	border:1px solid rgba(90,139,255,0.1);
	transition:all 0.3s ease;
	top:-2px;
	left:-2px;
	right:-2px;
	bottom:-2px;
	background:var(--harmony-glow);
	opacity:0;
	transition:opacity 0.3s;
	z-index:-1;
}
.link-item:hover::after {
	opacity:1;
	border-color:rgba(90,139,255,0.3);
	filter:drop-shadow(0 0 8px rgba(90,139,255,0.1));
}
.link-item:hover {
	transform:translateY(-4px) scale(1.02);
	box-shadow:0 12px 40px rgba(90,139,255,0.2);
}	
.link-item:hover .hover-light {
	animation:light-flow 1.5s linear infinite;
}
@keyframes light-flow {
	from {
	transform:translateX(-100%) skew(-15deg);
}
to {
	transform:translateX(100%) skew(-15deg);
}
;}
	
@keyframes harmony-bounce {
	0% {
	transform:scale(1);
}
50% {
	transform:scale(1.05);
}
100% {
	transform:scale(1);
}
;}
	
.social-links:hover .social-item:not(:hover) {
	opacity:0.6;
	transform:scale(0.95);
}	
.social-links {
	display:flex;
	justify-content:center;
	gap:1.5rem;
	margin:2rem 0;
	transition:all 0.3s ease;
}
.social-item {
	font-size:1.5rem;
	color:var(--text-color);
	transition:all 0.3s ease;
	opacity:0.8;
}
.social-item:hover {
	opacity:1;
	color:var(--primary-color);
	transform:translateY(-3px);
}		
.background {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
	overflow:hidden;
}
.gradient-circle {
	animation:harmony-float 12s infinite alternate ease-in-out;
	position:absolute;
	border-radius:50%;
	filter:blur(60px);
	opacity:0.3;
}
@keyframes harmony-float {
	0% {
	transform:translate(0,0) scale(1);
}
50% {
	transform:translate(20px,-30px) scale(1.05);
}
100% {
	transform:translate(-10px,10px) scale(0.98);
}
;}.particle {
	position:absolute;
	width:2px;
	height:2px;
	background:var(--primary-color);
	border-radius:50%;
	animation:particle-float 8s infinite linear;
}
@keyframes particle-float {
	0% {
	transform:translateY(0) scale(1);
	opacity:0.3;
}
50% {
	transform:translateY(-100px) scale(1.2);
	opacity:0.6;
}
100% {
	transform:translateY(-200px) scale(0.8);
	opacity:0;
}
;}.gradient-circle.pink {
	width:250px;
	height:250px;
	background:radial-gradient(rgba(26,122,255,0.9),transparent 90%);
	animation:harmony-float 8s infinite ease-in-out;
	top:20%;
	left:20%;
	animation:float 20s infinite;
}
@keyframes harmony-float {
	0%,100% {
	transform:translateY(0) scale(1);
}
50% {
	transform:translateY(-30px) scale(1.05);
}
;}.gradient-circle.blue {
	width:400px;
	height:400px;
	background:radial-gradient(#6c5ce7,transparent);
	top:60%;
	right:20%;
	animation:float 25s infinite;
}
@keyframes float {
	0%,100% {
	transform:translateY(0) rotate(0deg);
}
50% {
	transform:translateY(-20px) rotate(180deg);
}
;}
	
@media (max-width:768px) {
	.container {
	padding:1rem;
	width:100%;
}
.link-item {
	width:100%;
	text-align:center;
	margin-bottom:1rem;
}	
	.navbar {
	flex-direction:column;
	padding:1rem;
}
.nav-links {
	flex-direction:column;
	gap:0.5rem;
}	
	.hero-section {
	padding:2rem 1rem;
}
.avatar-wrapper {
	width:200px;
	height:200px;
}	
	.stats-container {
	grid-template-columns:1fr;
	gap:15px;
}
.stat-card {
	padding:20px;
}	
	.projects-grid {
	grid-template-columns:repeat(3,1fr);
	gap:15px;
}
.project-card {
	margin-bottom:1rem;
}
.project-image {
	height:120px;
}	
	.team-grid {
	grid-template-columns:repeat(3,1fr);
	gap:15px;
}
.member-avatar {
	width:80px;
	height:80px;
}	
	.contact-methods {
	grid-template-columns:repeat(3,1fr);
	gap:15px;
}	
	.site-title {
	font-size:1.8rem;
}
.section-title {
	font-size:1.5rem;
}	
	.btn {
	padding:0.8rem 1.5rem;
	font-size:1rem;
}
;}
	
@media (min-width:769px) and (max-width:1024px) {
	.container {
	width:90%;
	padding:0 5%;
}
.project-card {
	width:48%;
}
;}
	
button,a.btn,.nav-link {
	min-width:44px;
	min-height:44px;
}	
.animate-pop-in,.animate-fade-in {
	opacity:1;
	transform:translateY(0);
	transition:all 0.6s cubic-bezier(0.23,1,0.32,1);
}
.animate-pop-in:not(.active),.animate-fade-in:not(.active) {
	opacity:0;
	transform:translateY(20px);
}
@media (prefers-reduced-motion:reduce) {
	.animate-pop-in,.animate-fade-in {
	transition:none !important;
}
;}.theme-change-particles {
	position:fixed;
	width:100%;
	height:100%;
	pointer-events:none;
	z-index:9999;
}
.theme-particle {
	position:absolute;
	width:8px;
	height:8px;
	border-radius:50%;
	animation:theme-particle 0.8s cubic-bezier(0.4,0,0.2,1) forwards;
}
@keyframes theme-particle {
	0% {
	transform:scale(1);
	opacity:0.8;
}
100% {
	transform:scale(4);
	opacity:0;
}
;}
	:root {
	--primary:#0A59F7;
	--primary-light:#3D7DFF;
	--primary-dark:#0036D6;
	--secondary:#FF5E00;
	--background:#0F1523;
	--surface:#1A2238;
	--surface-light:#242E49;
	--text-primary:#FFFFFF;
	--text-secondary:#A0B3D6;
	--success:#00C853;
	--warning:#FFAB00;
	--error:#FF3D00;
	--radius-sm:8px;
	--radius-md:16px;
	--radius-lg:24px;
	--shadow-sm:0 4px 12px rgba(10,89,247,0.15);
	--shadow-md:0 8px 24px rgba(10,89,247,0.25);
	--shadow-lg:0 16px 48px rgba(10,89,247,0.35);
	--transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);
}	
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body {
	font-family:'HarmonyOS Sans','PingFang SC','Microsoft YaHei',sans-serif;
	background:var(--background);
	color:var(--text-primary);
	line-height:1.6;
	overflow-x:hidden;
	position:relative;
}
body::before {
	content:'';
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:radial-gradient(circle at 10% 20%,rgba(58,100,255,0.1) 0%,rgba(10,15,35,0) 40%),radial-gradient(circle at 90% 80%,rgba(255,94,0,0.08) 0%,rgba(10,15,35,0) 40%);
	pointer-events:none;
	z-index:-2;
}
.particles {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none;
	z-index:-1;
}	
.navbar {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:20px 5%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	z-index:1000;
	backdrop-filter:blur(12px);
	background:rgba(26,34,56,0.7);
	border-bottom:1px solid rgba(90,139,255,0.1);
	transition:var(--transition);
}
.navbar.scrolled {
	padding:15px 5%;
	background:rgba(15,21,35,0.95);
}
.logo {
	display:flex;
	align-items:center;
	gap:12px;
	font-size:1.5rem;
	font-weight:700;
	color:var(--text-primary);
	text-decoration:none;
}
.logo-icon {
	width:36px;
	height:36px;
	background:linear-gradient(135deg,var(--primary),var(--primary-light));
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:var(--shadow-sm);
}
.nav-links {
	display:flex;
	gap:32px;
}
.nav-link {
	color:var(--text-secondary);
	text-decoration:none;
	font-weight:500;
	position:relative;
	padding:8px 0;
	transition:var(--transition);
}
.nav-link::after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	height:2px;
	background:var(--primary);
	transition:var(--transition);
	border-radius:2px;
}
.nav-link:hover,.nav-link.active {
	color:var(--text-primary);
}
.nav-link:hover::after,.nav-link.active::after {
	width:100%;
}	
.container {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
}	
.hero-section {
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	padding:120px 0 80px;
	overflow:hidden;
}
.hero-container {
	text-align:center;
	position:relative;
	z-index:10;
	padding:0 20px;
}
.avatar {
	width:100%;
	height:100%;
	object-fit:cover;
	position:relative;
	z-index:2;
	transition:var(--transition);
	border:2px solid rgba(255,255,255,0);
}
.site-title {
	font-size:3.5rem;
	font-weight:800;
	margin-bottom:20px;
	background:linear-gradient(90deg,#FFFFFF,#A0B3D6);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
	line-height:1.1;
}
.site-description {
	font-size:1.5rem;
	color:var(--text-secondary);
	max-width:700px;
	margin:0 auto 40px;
}
.hero-buttons {
	display:flex;
	justify-content:center;
	gap:20px;
	margin-top:40px;
}
.btn {
	padding:14px 32px;
	border-radius:50px;
	font-weight:600;
	font-size:1rem;
	cursor:pointer;
	transition:var(--transition);
	border:none;
	outline:none;
	position:relative;
	overflow:hidden;
}
.btn-primary {
	background:linear-gradient(135deg,var(--primary),var(--primary-dark));
	color:white;
	box-shadow:var(--shadow-md);
	background:rgba(8,81,239,0.621);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
}
.btn-primary:hover {
	transform:translateY(-4px);
	box-shadow:var(--shadow-lg);
}
.btn-secondary {
	background:transparent;
	color:var(--text-primary);
	border:2px solid var(--primary);
}
.btn-secondary:hover {
	background:rgba(10,89,247,0.1);
	transform:translateY(-4px);
}	
.section {
	padding:120px 0;
	position:relative;
}
.section-title {
	text-align:center;
	font-size:2.5rem;
	font-weight:700;
	margin-bottom:80px;
	position:relative;
}
.section-title::after {
	content:'';
	display:block;
	width:80px;
	height:4px;
	background:linear-gradient(90deg,var(--primary),var(--secondary));
	border-radius:2px;
	margin:20px auto 0;
}	
.about-content {
	background:var(--surface);
	background:rgba(0,0,0,0);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	border-radius:var(--radius-lg);
	padding:60px;
	box-shadow:var(--shadow-md);
	position:relative;
	overflow:hidden;
}
.about-text {
	position:relative;
	z-index:2;
	font-size:1.1rem;
	line-height:1.8;
	color:var(--text-secondary);
	margin-bottom:30px;
}
.stats-container {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
	background:rgba(0,0,0,0);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	gap:30px;
	margin-top:50px;
}
.stat-card {
	background:var(--surface-light);
	background:rgba(97,76,55,0.126);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	border-radius:var(--radius-md);
	padding:30px;
	text-align:center;
	transition:var(--transition);
	position:relative;
	overflow:hidden;
}
.stat-card::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:4px;
	height:100%;
	background:rgba(8,81,239,0.621);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	transition:var(--transition);
}
.stat-card:hover {
	transform:translateY(-8px);
	box-shadow:var(--shadow-sm);
}
.stat-card:hover::before {
	width:100%;
	opacity:0.1;
}
.stat-value {
	font-size:2.5rem;
	font-weight:700;
	margin-bottom:10px;
	background:linear-gradient(90deg,var(--primary),var(--primary-light));
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
.stat-label {
	font-size:1rem;
	color:var(--text-secondary);
}	
.projects-grid {
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
	gap:40px;
}
.project-card {
	background:var(--surface);
	background:rgba(0,0,0,0);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	border-radius:var(--radius-lg);
	overflow:hidden;
	transition:var(--transition);
	position:relative;
	transform-style:preserve-3d;
	perspective:1000px;
	box-shadow:var(--shadow-sm);
}
.project-card:hover {
	transform:translateY(-15px) scale(1.02);
	box-shadow:var(--shadow-lg);
}
.project-image {
	width:100%;
	height:240px;
	object-fit:cover;
	transition:var(--transition);
}
.project-card:hover .project-image {
	transform:scale(1.05);
}
.project-info {
	padding:30px;
	position:relative;
}
.project-info::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:4px;
	background:linear-gradient(90deg,var(--primary),var(--secondary));
}
.project-title {
	font-size:1.5rem;
	margin-bottom:15px;
	font-weight:700;
}
.project-description {
	color:var(--text-secondary);
	margin-bottom:20px;
	min-height:80px;
}
.project-link {
	display:inline-flex;
	align-items:center;
	gap:8px;
	color:var(--primary-light);
	text-decoration:none;
	font-weight:600;
	transition:var(--transition);
}
.project-link:hover {
	color:var(--text-primary);
	gap:12px;
}	
.team-grid {
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
	gap:40px;
}
.member-card {
	background:var(--surface);
	border-radius:var(--radius-lg);
	overflow:hidden;
	transition:var(--transition);
	position:relative;
	text-align:center;
	box-shadow:var(--shadow-sm);
	background:rgba(0,0,0,0);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
}
.member-card:hover {
	transform:translateY(-10px);
	box-shadow:var(--shadow-md);
}
.member-header {
	position:relative;
	padding:40px 20px 30px;
	background:linear-gradient(135deg,var(--primary),var(--primary-dark));
	background:rgba(147,92,106,0.107);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
}
.member-avatar {
	width:120px;
	height:120px;
	border-radius:50%;
	object-fit:cover;
	border:4px solid var(--surface);
	margin-bottom:20px;
	transition:var(--transition);
}
.member-card:hover .member-avatar {
	transform:scale(1.1);
}
.member-name {
	font-size:1.4rem;
	font-weight:700;
	margin-bottom:5px;
}
.member-role {
	color:rgba(255,255,255,0.8);
	font-size:1rem;
}
.member-body {
	padding:30px 20px;
	background:rgba(0,0,0,0);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
}
.member-bio {
	color:var(--text-secondary);
	font-size:0.95rem;
	line-height:1.7;
}
.social-links {
	display:flex;
	justify-content:center;
	gap:15px;
	margin-top:20px;
}
.social-link {
	width:36px;
	height:36px;
	border-radius:50%;
	background:var(--surface-light);
	display:flex;
	align-items:center;
	justify-content:center;
	transition:var(--transition);
}
.social-link:hover {
	background:var(--primary);
	transform:translateY(-4px);
}	
.contact-methods {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	gap:40px;
}
.contact-card {
	background:var(--surface);
	border-radius:var(--radius-lg);
	padding:50px 40px;
	text-align:center;
	transition:var(--transition);
	position:relative;
	overflow:hidden;
	box-shadow:var(--shadow-sm);
	background:rgba(26,34,56,0.267);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
}
.contact-card:hover {
	transform:translateY(-10px);
	box-shadow:var(--shadow-md);
}
.contact-card::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:6px;
	background:linear-gradient(90deg,var(--primary),var(--secondary));
}
.contact-icon {
	width:70px;
	height:70px;
	border-radius:50%;
	background:rgba(10,89,247,0.1);
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 30px;
	font-size:28px;
	color:var(--primary);
}
.contact-title {
	font-size:1.5rem;
	margin-bottom:20px;
	font-weight:700;
}
.contact-detail {
	color:var(--text-secondary);
	font-size:1.1rem;
	margin-bottom:30px;
}
.contact-btn {
	display:inline-block;
	padding:12px 30px;
	background:rgba(10,89,247,0.1);
	color:var(--primary-light);
	border-radius:50px;
	text-decoration:none;
	font-weight:600;
	transition:var(--transition);
}
.contact-btn:hover {
	background:var(--primary);
	color:white;
	transform:translateY(-4px);
}	
.footer {
	background:var(--surface);
	padding:60px 0 30px;
	text-align:center;
	position:relative;
	background:rgba(26,34,56,0.267);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
}
.footer::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:4px;
	background:linear-gradient(90deg,var(--primary),var(--secondary));
}
.footer-logo {
	font-size:2rem;
	font-weight:700;
	margin-bottom:20px;
	display:inline-flex;
	color:var(--text-primary);
	text-decoration:none;
	align-items:center;
	gap:10px;
}
.footer-links {
	display:flex;
	justify-content:center;
	gap:30px;
	margin:40px 0;
	flex-wrap:wrap;
}
.footer-link {
	color:var(--text-secondary);
	text-decoration:none;
	transition:var(--transition);
}
.footer-link:hover {
	color:var(--text-primary);
}
.copyright {
	color:var(--text-secondary);
	font-size:0.9rem;
	margin-top:30px;
}	
@keyframes pulse {
	0% {
	opacity:0.5;
	transform:scale(1);
}
50% {
	opacity:0.8;
	transform:scale(1.05);
}
100% {
	opacity:0.5;
	transform:scale(1);
}
;}@keyframes float {
	0% {
	transform:translateY(0);
}
50% {
	transform:translateY(-20px);
}
100% {
	transform:translateY(0);
}
;}@keyframes rotate {
	0% {
	transform:rotate(0deg);
}
100% {
	transform:rotate(360deg);
}
;}
	
@media (max-width:992px) {
	.site-title {
	font-size:2.8rem;
}
.section {
	padding:80px 0;
}
;}@media (max-width:768px) {
	.navbar {
	padding:15px 5%;
}
.nav-links {
	display:none;
}
.mobile-menu-btn {
	display:block;
}
.site-title {
	font-size:2.2rem;
}
.site-description {
	font-size:1.2rem;
}
.hero-buttons {
	flex-direction:column;
	gap:15px;
}
.btn {
	width:100%;
}
;}