cloudflare
tcp/443
Open service 172.67.158.81:443 · eng.posso.kr
2026-01-23 03:06
HTTP/1.1 200 OK
Date: Fri, 23 Jan 2026 03:06:16 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sat, 17 Jan 2026 11:07:34 GMT
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=7,cfOrigin;dur=180
x-frame-options: SAMEORIGIN
x-content-type-options: nosniff
x-xss-protection: 1; mode=block
referrer-policy: no-referrer-when-downgrade
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=KVCv0pDGzyskc81s7aOeDFRIssjYAq5Rs5RyrcwpSL5B6I1QURPR2uzG5aSdw3b5jt2JUTwCROvTR32CSFpfv1nqJCN5ObF0aOLqJQ%3D%3D"}]}
cf-cache-status: DYNAMIC
vary: accept-encoding
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
CF-RAY: 9c2412fac98540ed-BOM
alt-svc: h3=":443"; ma=86400
Page title: eng.posso.kr - 영어 학습 서비스
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>eng.posso.kr - 영어 학습 서비스</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/css/auth.css">
<style>
body {
font-family: 'Inter', sans-serif;
overflow-x: hidden;
}
.hero-gradient {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 25%, #334155 50%, #475569 75%, #64748b 100%);
position: relative;
}
.hero-gradient::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 25% 25%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),
radial-gradient(circle at 75% 75%, rgba(139, 92, 246, 0.1) 0%, transparent 50%);
pointer-events: none;
}
.glass-effect {
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(24px);
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
.btn-premium {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn-premium:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);
}
.card-3d {
transform-style: preserve-3d;
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.card-3d:hover {
transform: translateY(-12px) rotateX(5deg) rotateY(5deg);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
}
.fade-in-up {
animation: fadeInUp 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
opacity: 0;
transform: translateY(60px);
}
.fade-in-up-delay-1 { animation-delay: 0.3s; }
.fade-in-up-delay-2 { animation-delay: 0.6s; }
@keyframes fadeInUp {
to { opacity: 1; transform: translateY(0); }
}
.hologram-text {
background: linear-gradient(45deg, #3b82f6, #8b5cf6, #06b6d4, #10b981);
background-size: 400% 400%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
animation: hologramShift 4s ease-in-out infinite;
}
@keyframes hologramShift {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}
@keyframes floating {
0%, 100% { transform: translateY(0px) rotate(0deg); }
33% { transform: translateY(-8px) rotate(1deg); }
66% { transform: translateY(-4px) rotate(-0.5deg); }
}
</style>
</head>
<body class="bg-gray-50">
<!-- Header -->
<header class="bg-white shadow-sm sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
<div class="flex justify-between items-center">
<h1 class="text-2xl font-bold text-gray-900">eng.posso.kr</h1>
<nav class="flex gap-4">
<button onclick="openAuthModal('login')" class="px-4 py-2 text-gray-700 hover:text-blue-600 transition">로그인</button>
<button onclick="openAuthModal('register')" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">회원가입</button>
</nav>
</div>
</div>
</header>
<!-- Hero Sectio