@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.page{width:100%;max-width:100%;max-height:100vh;height:100vh;overflow-y:scroll;background:linear-gradient(180deg,#254bb1,#a3b4e0);display:flex;flex-direction:column;align-items:center;.header{position:relative;width:100%;margin-top:20px;padding:40px 0;font-size:2.5rem;font-weight:700;text-align:center;letter-spacing:2px;background:linear-gradient(90deg,#fff 30%,#a3b4e0 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;animation:fadeInDown .8s cubic-bezier(.4,1.4,.6,1) forwards;animation-delay:.1s;overflow:hidden;@media (max-width:600px){font-size:1.4rem;padding:30px 0}}.content{box-sizing:border-box;width:100%;padding:20px;display:flex;flex-direction:column;align-items:center;.card{opacity:0;animation:fadeInDown .8s cubic-bezier(.4,1.4,.6,1) forwards;animation-delay:.3s}}.footer{width:100%;margin-top:auto;.btn{max-width:400px;width:80%;margin:40px auto;padding:15px;background-color:#254bb1;box-shadow:0 10px 20px 0 rgba(0,0,0,.2);border-radius:5px;cursor:pointer;font-size:18px;text-align:center;color:#fff;opacity:0;animation:fadeInDown .8s cubic-bezier(.4,1.4,.6,1) forwards;animation-delay:.5s}}}body,html{touch-action:manipulation}.card{width:100%;max-width:800px;margin-bottom:20px;background:#fff;box-shadow:0 20px 20px 0 rgba(0,0,0,.2);border-radius:8px;.title{font-size:18px;font-weight:700;padding:15px;border-bottom:1px solid #ddd;@media (max-width:600px){font-size:1.2rem}}.content{padding:10px;font-size:18px;line-height:2;@media (max-width:600px){font-size:1rem}}}