body{margin:0;font-family:Inter,sans-serif}.container{background:linear-gradient(135deg,#f8d7e3,#dbeafe);justify-content:center;align-items:center;height:100vh;display:flex}.card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border-radius:20px;width:90%;max-width:700px;padding:40px;box-shadow:0 10px 30px #0000000d}.logo{color:#4c1d95;letter-spacing:1px;flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.logo-top{letter-spacing:4px;text-transform:uppercase;opacity:.8;font-family:Playfair Display,serif;font-size:1.2rem;font-style:italic}.logo-bottom{letter-spacing:2px;font-family:Playfair Display,serif;font-size:3.5rem;font-weight:700}.frase{color:#1f2937;max-width:600px;margin:0 auto;font-family:Playfair Display,serif;font-size:2rem;line-height:1.5;transition:opacity .4s,transform .4s}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(10px)}.divider{opacity:.5;background:#999;width:60px;height:1px;margin:30px auto}.footer{flex-direction:column;align-items:center;display:flex}.autor{color:#444;opacity:.7;margin-bottom:30px;font-size:.9rem}.buttons{justify-content:center;gap:10px;display:flex}button{cursor:pointer;color:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#4c1d95;border:none;border-radius:10px;padding:10px 16px;transition:all .2s}button:hover{background:#745c96;transform:translateY(-2px)}@media (width<=480px){.card{padding:25px}.frase{font-size:1.4rem}.logo-bottom{font-size:2.2rem}.logo-top{letter-spacing:2px;font-size:.9rem}.buttons{flex-direction:column;width:100%}button{width:100%}.footer{align-items:center}}@media (width<=768px){.card{padding:30px}.frase{font-size:1.7rem}.logo-bottom{font-size:2.8rem}}
