*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(-45deg,#ffe4ec,#ffb6c1,#ff91a4,#ffb6c1,#ffe4ec) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100dvh;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;animation:12s infinite gradient-shift;display:flex;position:relative;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;display:flex}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.container{z-index:2;text-align:center;-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border-radius:48px;width:90%;max-width:520px;padding:40px;transition:all .3s;position:relative;box-shadow:0 20px 60px #ff698740,0 0 0 1px #ffffff80}.container:before{content:"";z-index:-1;opacity:.6;background:linear-gradient(135deg,#fff6,#0000,#fff3);border-radius:50px;position:absolute;inset:-2px}@keyframes fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-out{animation:.4s forwards fade-out}.fade-in{animation:.4s forwards fade-in}.page-content{animation:.5s forwards fade-in}@keyframes bump{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (width<=500px){.container{border-radius:32px;padding:28px 20px}}