/* Belsoft.dev - Modern Landing Page Styles */:root{	--color-dark:#0A0F1C;	--color-blue:#2563EB;	--color-orange:#FF7E33;	--color-cyan:#00D1FF;	--color-light:#F9FBFD;	--color-navy:#162E55;	--color-gray:#CBD5E1;}*{	margin:0;	padding:0;	box-sizing:border-box;}img{	max-width:100%;	height:auto;}html{	font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;	font-size:16px;	-webkit-font-smoothing:antialiased;	-moz-osx-font-smoothing:grayscale;	background:var(--color-dark);	overflow-x:hidden;}@media (min-width:576px){	html{		font-size:14px;	}}@media (min-width:768px){	html{		font-size:16px;	}}@media (min-width:992px){	html{		font-size:17px;	}}@media (min-width:1200px){	html{		font-size:18px;	}}body{	background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-navy) 100%);	color:var(--color-light);	min-height:100vh;	min-height:100dvh;	position:relative;	overflow-x:hidden;}/* Subtle animated background pattern */body::before{	content:'';	position:absolute;	top:0;	left:0;	right:0;	bottom:0;	background:		radial-gradient(circle at 20% 80%,rgba(37,99,235,0.1) 0%,transparent 50%),		radial-gradient(circle at 80% 20%,rgba(0,209,255,0.1) 0%,transparent 50%),		radial-gradient(circle at 40% 40%,rgba(255,126,51,0.05) 0%,transparent 50%);	pointer-events:none;	animation:pulseBackground 20s ease-in-out infinite;}@keyframes pulseBackground{	0%,100%{		opacity:0.5;	}	50%{		opacity:0.8;	}}main{	display:flex;	flex-direction:column;	min-height:100vh;	justify-content:center;	align-items:center;	padding:2rem;	text-align:center;	position:relative;	z-index:1;}.logo-container{	margin-bottom:2rem;	animation:fadeInDown 1s ease-out;}.logo{	width:160px;	height:auto;	transition:transform 0.3s ease,opacity 0.3s ease;	opacity:0.95;}.logo:hover{	transform:scale(1.03);	opacity:1;}@media (min-width:768px){	.logo{		width:200px;	}}.domain{	font-size:2.5rem;	font-weight:700;	letter-spacing:-0.02em;	margin-bottom:1rem;	background:linear-gradient(135deg,var(--color-cyan) 0%,var(--color-blue) 100%);	-webkit-background-clip:text;	-webkit-text-fill-color:transparent;	background-clip:text;	animation:fadeInUp 1s ease-out 0.2s both;}@media (min-width:768px){	.domain{		font-size:3.25rem;	}}@media (min-width:1200px){	.domain{		font-size:3.75rem;	}}.tagline{	font-size:1.1rem;	font-weight:400;	color:var(--color-gray);	margin-bottom:2rem;	letter-spacing:0.01em;	animation:fadeInUp 1s ease-out 0.4s both;}@media (min-width:768px){	.tagline{		font-size:1.25rem;	}}main > p{	max-width:600px;	font-size:0.95rem;	line-height:1.7;	color:var(--color-light);	opacity:0.9;	animation:fadeInUp 1s ease-out 0.6s both;}@media (min-width:768px){	main > p{		font-size:1.05rem;		line-height:1.8;	}}/* Accent line */.tagline::after{	content:'';	display:block;	width:60px;	height:3px;	background:linear-gradient(90deg,var(--color-orange) 0%,var(--color-cyan) 100%);	margin:1rem auto 0;	border-radius:2px;}/* Animations */@keyframes fadeInDown{	from{		opacity:0;		transform:translateY(-20px);	}	to{		opacity:1;		transform:translateY(0);	}}@keyframes fadeInUp{	from{		opacity:0;		transform:translateY(20px);	}	to{		opacity:1;		transform:translateY(0);	}}/* Responsive adjustments */@media (max-width:575px){	.logo{		width:120px;	}	.domain{		font-size:2rem;	}	.tagline{		font-size:1rem;	}	main > p{		font-size:0.9rem;	}}