*{margin:0;padding:0;box-sizing:border-box}html,body{height:100dvh;height:100vh;overflow:hidden;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#FCFBF8;color:#1F2937;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}.status-bar{background:linear-gradient(135deg,#f0fdf4,#ecfdf5,#f0fdf4);border-bottom:2px solid #dcfce7;padding:6px 16px;display:flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;z-index:10;min-height:30px}.status-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;animation:statusPulse 1.4s ease-in-out infinite;flex-shrink:0}.status-text{font-size:clamp(0.7rem,2vw,0.78rem);font-weight:700;color:#1F2937;letter-spacing:.01em;white-space:nowrap}@keyframes statusPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.5)}50%{opacity:.7;box-shadow:0 0 0 6px rgba(34,197,94,0)}}.page-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(8px,2vh,16px) clamp(12px,3vw,24px);overflow:hidden;min-height:0}.logo-container{flex-shrink:0;margin-bottom:clamp(4px,1.5vh,12px);text-align:center}.logo-container img{height:clamp(26px,5vh,36px);width:auto;display:block;margin:0 auto}.card{background:#fff;border-radius:clamp(20px,4vw,28px);padding:clamp(16px,3vh,28px) clamp(14px,3vw,24px);width:100%;max-width:420px;box-shadow:0 2px 28px rgba(0,0,0,.07),0 1px 6px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.03);border:2.5px solid #e5e7eb;display:flex;flex-direction:column;gap:clamp(8px,1.8vh,14px);flex-shrink:1;overflow-y:auto;max-height:100%}.card h1{font-size:clamp(1.5rem,5.5vw,2.2rem);font-weight:700;color:#1F2937;line-height:1.15;letter-spacing:-0.01em;text-align:center}.card .subtitle{font-size:clamp(0.85rem,2.6vw,1rem);font-weight:400;color:#4B5563;text-align:center;line-height:1.35}.benefit-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:50px;font-weight:700;font-size:clamp(0.75rem,2.2vw,0.88rem);border:2.5px solid #1F2937;background:#fff;color:#1F2937;white-space:nowrap;box-shadow:0 2px 0 #e5e7eb;transition:transform .15s}.chip.highlight{background:#f0fdf4;border-color:#22C55E;color:#15803d;box-shadow:0 2px 0 #bbf7d0}.chip-icon{font-size:1.1em;flex-shrink:0}.progress-strip{display:flex;align-items:center;justify-content:center;gap:0;padding:clamp(6px,1.2vh,12px) 0;flex-shrink:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.progress-dot{width:clamp(28px,5vw,34px);height:clamp(28px,5vw,34px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(0.8rem,2.2vw,0.95rem);border:2.5px solid #1F2937;background:#fff;color:#1F2937;transition:all .3s}.progress-dot.done{background:#22C55E;border-color:#22C55E;color:#fff}.progress-dot.current{background:#f0fdf4;border-color:#22C55E;color:#22C55E;animation:dotPulse 1.8s ease-in-out infinite;box-shadow:0 0 0 4px rgba(34,197,94,.15)}.progress-dot.pending{background:#f9fafb;border-color:#d1d5db;color:#9ca3af}@keyframes dotPulse{0%,100%{box-shadow:0 0 0 4px rgba(34,197,94,.15)}50%{box-shadow:0 0 0 10px rgba(34,197,94,.06)}}.progress-line{width:clamp(24px,6vw,44px);height:3px;background:#d1d5db;flex-shrink:0;border-radius:2px}.progress-line.done{background:#22C55E}.progress-label{font-size:clamp(0.6rem,1.7vw,0.72rem);font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.progress-label.active{color:#22C55E}.cta-button{display:block;width:100%;padding:clamp(13px,2.2vh,17px) clamp(16px,3vw,24px);background:#22C55E;color:#fff;border:none;border-radius:16px;font-size:clamp(1rem,3vw,1.2rem);font-weight:700;font-family:'Inter',system-ui,-apple-system,sans-serif;cursor:pointer;text-align:center;text-decoration:none;letter-spacing:.01em;box-shadow:0 6px 0 #16a34a,0 8px 28px rgba(34,197,94,.35);transition:all .1s ease;animation:ctaGlow 2.2s ease-in-out infinite;position:relative;outline:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-shrink:0}.cta-button:hover{box-shadow:0 7px 0 #16a34a,0 10px 32px rgba(34,197,94,.45)}.cta-button:active,.cta-button:focus-visible{box-shadow:0 2px 0 #16a34a,0 4px 12px rgba(34,197,94,.2);transform:translateY(4px);animation:none}.cta-button:focus-visible{outline:3px solid #15803d;outline-offset:2px}@keyframes ctaGlow{0%,100%{box-shadow:0 6px 0 #16a34a,0 8px 28px rgba(34,197,94,.35)}50%{box-shadow:0 6px 0 #16a34a,0 8px 40px rgba(34,197,94,.6)}}.secure-row{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0}.secure-icon{font-size:clamp(1rem,3vw,1.3rem);display:inline-flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.secure-icon.pop{transform:scale(1.35)}.secure-text{font-size:clamp(0.7rem,2vw,0.8rem);font-weight:400;color:#6b7280}.ticker-bar{background:#f9fafb;border:2px solid #e5e7eb;border-radius:50px;padding:5px 14px;display:flex;align-items:center;gap:6px;overflow:hidden;flex-shrink:0;max-width:100%;width:fit-content;margin:0 auto;min-height:26px}.ticker-dot{width:6px;height:6px;border-radius:50%;background:#22C55E;flex-shrink:0;animation:statusPulse 1.4s ease-in-out infinite}.ticker-text{font-size:clamp(0.65rem,1.8vw,0.75rem);font-weight:500;color:#4B5563;white-space:nowrap;transition:opacity .3s}.footer-row{flex-shrink:0;text-align:center;padding:clamp(4px,1vh,8px) 0}.footer-text{font-size:clamp(0.6rem,1.6vw,0.7rem);color:#9ca3af;font-weight:400;letter-spacing:.02em}@media(max-height:600px){.card{gap:4px;padding:10px 14px;border-radius:16px}.card h1{font-size:clamp(1.2rem,4vw,1.5rem)}.benefit-chips{gap:4px}.chip{padding:5px 10px;font-size:.7rem}.cta-button{padding:10px 16px;font-size:.9rem;border-radius:12px}.progress-dot{width:24px;height:24px;font-size:.7rem}}@media(min-width:768px){.card{max-width:440px;padding:28px 28px}}