cloudflare
tcp/443
Open service 104.21.38.4:443 ยท css.varcoh.net
2026-01-10 09:24
HTTP/1.1 200 OK
Date: Sat, 10 Jan 2026 09:24:14 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Wed, 13 Aug 2025 12:46:18 GMT
vary: Accept-Encoding
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
strict-transport-security: max-age=31536000
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=xjVkAzuLrk9oo8d6DuIA8PU8CTQq0GMiZBER2syKeQ89RLGqkJuhThxCykGvL5DQ4OxPmWKYvPH0DCpg%2Fey0Wqy1bjOgijICgCxPfEoh"}]}
cf-cache-status: DYNAMIC
CF-RAY: 9bbb1ec48dbb940c-LHR
Page title: Welcome to the Data Analytics Center
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to the Data Analytics Center</title>
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Arial', sans-serif;
background: linear-gradient(135deg, #0a1929 0%, #1e3a8a 50%, #1e40af 100%);
min-height: 100vh;
overflow-x: hidden;
position: relative;
}
/* Dynamic particle effect */
.particles {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
}
.particle {
position: absolute;
width: 2px;
height: 2px;
background: rgba(59, 130, 246, 0.6);
border-radius: 50%;
animation: float 6s infinite ease-in-out;
}
@keyframes float {
0%, 100% { transform: translateY(0px) translateX(0px); opacity: 0.7; }
50% { transform: translateY(-20px) translateX(10px); opacity: 1; }
}
/* Grid background */
.grid-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
linear-gradient(rgba(59, 130, 246, 0.1) 1px, transparent 1px),
linear-gradient(90deg, rgba(59, 130, 246, 0.1) 1px, transparent 1px);
background-size: 50px 50px;
z-index: 1;
animation: gridMove 20s linear infinite;
}
@keyframes gridMove {
0% { transform: translate(0, 0); }
100% { transform: translate(50px, 50px); }
}
.container {
position: relative;
z-index: 10;
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.header {
text-align: center;
margin-bottom: 3rem;
opacity: 0;
transform: translateY(30px);
animation: fadeInUp 1s ease-out forwards;
}
.logo {
width: 80px;
height: 80px;
background: linear-gradient(135deg, #3b82f6, #1d4ed8);
border-radius: 20px;
margin: 0 auto 2rem;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
position: relative;
overflow: hidden;
}
.logo::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
transform: rotate(45deg);
animation: shine 3s infinite;
}
.logo::after {
content: '๐';
font-size: 2rem;
color: white;
z-index: 2;
position: relative;
}
@keyframes shine {
0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
50% { transform: translateX(100%) translateY(100%) rotate(45deg); }
100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}
h1 {
font-size: 3.5rem;
font-weight: 700;
color: white;
margin-bottom: 1rem;
background: linear-gradient(135deg, #ffffff, #93c5fd);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: