body{margin:0;background:#F8F7F5;font-family:'Segoe UI',sans-serif;color:#252525;
background-image:url('assets/background.png');background-size:cover}
.page{max-width:760px;margin:40px auto;padding:20px}
.vuit-hero{text-align:center;max-width:560px;margin:0 auto 48px}
.vuit-logo{max-width:240px; margin: 24px}
h1{font-size:40px;font-weight:600;margin:0}
.hero-subtitle{font-size:22px;color:#555}
.hero-divider{width:60px;height:4px;background:#C8A977;border-radius:99px;margin:28px auto}
.vuit-card{background:#fff;border-radius:30px;padding:48px;box-shadow:0 24px 60px rgba(0,0,0,.08);text-align:center;animation:fade .5s ease}
.check-circle{width:100px;height:100px;margin:0 auto 20px}
.check-svg{width:100%;height:100%}
.ring,.tick{fill:none;stroke:#C8A977;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.ring{stroke-dasharray:264;stroke-dashoffset:264;animation:draw .6s forwards}
.tick{stroke-dasharray:60;stroke-dashoffset:60;animation:draw .4s .5s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
#countdown{font-size:56px;font-weight:300;color:#C8A977;margin:12px 0 28px}
button{width:100%;height:60px;border:none;border-radius:16px;background:#C8A977;color:#fff;font-size:18px;cursor:pointer}
.footer-note{margin-top:28px;color:#777;font-size:14px}
.fade-out{opacity:0;transition:opacity .4s ease}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}