* { 	margin: 0; 	padding: 0; 	box-sizing: border-box; 	 	font-family: Arial; }  :root { 	 	--primary: #ff6666; 	 	--primary-dark: #D65656; 	--secondary: #50e3c2; 	--light: #f8f9fa; 	--gray: #828CA0; 	--dark: #343a40; 	--success: #28a745; 	--danger: #dc3545; 	--warning: #ffc107; 	--info: #17a2b8; 	--border: #e0e0e0; 	--shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 	--shadow-hover: 0 10px 20px rgba(0, 0, 0, 0.12); 	--body-bg: #f5f7fa; }  body { 	background-color: var(--body-bg); 	color: #333; 	line-height: 1.1;  }  h1 { 	font-size: 18px; 	font-weight: 100;  	letter-spacing: 1px; }  h2 { 	font-size: 18px; 	color: var(--dark); }  h3 { 	font-size: 18px; 	color: var(--dark); }  a { 	text-decoration: none;  }  .btn { 	display: inline-flex; 	align-items: center; 	justify-content: center; 	padding: 10px 10px; 	 	border-radius: 3px; 	font-weight: 500; 	cursor: pointer; 	transition: all 0.3s; 	border: none; 	text-decoration: none; } .btn-primary { 	background-color: var(--primary); 	color: white; } .btn-primary:hover { 	background-color: var(--primary-dark); }    .image-blur5 {   filter: blur(5px);    transition: filter 0.5s ease;  }  .edge-blur5 {   mask-image: linear-gradient(to right, rgba(0,0,0,1), transparent);    -webkit-mask-image: -webkit-linear-gradient(to right, rgba(0,0,0,1), transparent);    filter: blur(5px);  }