*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Poppins,sans-serif;background:#f5f5f5;color:#333}.custom-container{width:100%;max-width:400px;height:100vh;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.1);border-radius:16px;position:relative;display:flex;flex-direction:column;padding:24px;overflow:hidden}.slide{flex:1 1;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .8s ease;text-align:center}.slide.d-none{display:none}.slide.d-flex{display:flex}.slide i,.slide img{margin-bottom:32px}.slide img{width:120px}.slide i{font-size:64px;color:#28a745}.progress{width:100%;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:60px}.progress-bar{height:100%;background:#28a745}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);display:none;align-items:center;justify-content:center;z-index:10;border-radius:16px}.overlay.show{display:flex}.spinner{width:50px;height:50px;border:6px solid #f3f3f3;border-top-color:#28a745;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{to{opacity:1;transform:scale(1)}}@media (max-width:400px){body{font-size:16px}.custom-container{padding:16px;border-radius:0}.slide img{width:100px;margin-bottom:28px}.slide i{font-size:56px;margin-bottom:28px}h1{font-size:24px;margin-bottom:12px}p{font-size:16px;margin-bottom:32px}.progress{height:5px;margin-bottom:50px}.buttons{padding:16px}.buttons .btn{padding:16px 0;font-size:16px}}.bg-primary{background-color:#0f3a64!important}.dot-loading{width:10px;height:10px;background-color:white;border-radius:50%;animation:pulse 1s ease-in-out infinite}.dot-loading:nth-child(2){animation-delay:.2s}.dot-loading:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.4);opacity:1}}