*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a}
body{display:flex;flex-direction:column;min-height:100dvh;background:radial-gradient(1000px 600px at 50% 10%,#38bdf822,transparent 60%),radial-gradient(800px 500px at 20% 30%,#7dd3fc22,transparent 60%),linear-gradient(180deg,#f8fbff,#eef6ff)}
.wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
.title{margin:0;font-size:clamp(36px,6vw,64px);font-weight:700;display:flex;align-items:center;justify-content:center;gap:14px;letter-spacing:-.5px}
.wave{display:inline-block;transform-origin:70% 70%;animation:wave 1.8s infinite}
@keyframes wave {
0%{transform:rotate(0deg)}
10%{transform:rotate(14deg)}
20%{transform:rotate(-8deg)}
30%{transform:rotate(14deg)}
40%{transform:rotate(-4deg)}
50%{transform:rotate(10deg)}
60%{transform:rotate(0deg)}
100%{transform:rotate(0deg)}
}
.subtitle{margin-top:20px;font-size:clamp(18px,2.5vw,24px);line-height:1.7;color:#475569;max-width:700px}
.caret{display:inline-block;width:2px;height:1.2em;background:#0ea5e9;margin-left:6px;animation:blink 1s infinite}
@keyframes blink {
0%,100%{opacity:1}
50%{opacity:0}
}
.footer{height:60px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#94a3b8}