body{margin:0;font-family:Arial,sans-serif;background:#0f3557;color:#fff;display:flex;justify-content:center;align-items:center;height:100vh}
.wrap{text-align:center;width:min(700px,92vw)}
#card{background:#ffffff12;border-radius:16px;padding:30px;min-height:240px;transition:.5s}
#letter{font-size:88px;font-weight:bold;color:#6ee7b7;animation:pulse 1.2s infinite}
.progress{height:10px;background:#fff3;border-radius:10px;margin:20px 0}
#bar{height:10px;background:#38bdf8;width:0;border-radius:10px;transition:1s}
button{padding:12px 20px;border:0;border-radius:8px;cursor:pointer}
@keyframes pulse{50%{transform:scale(1.08)}}