*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0d47a1,#2e7d32);justify-content:center;align-items:center;height:100vh;font-family:Arial,sans-serif;display:flex}.container{width:100%;padding:20px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;color:#fff;background:#ffffff14;border-radius:20px;max-width:500px;margin:auto;padding:40px 20px;animation:1.2s ease-in-out fadeIn;box-shadow:0 10px 40px #0000004d}.logo{background:#fff;border-radius:16px;width:220px;margin-bottom:25px;padding:10px;animation:3s ease-in-out infinite float;box-shadow:0 10px 30px #0003}h1{opacity:0;margin-bottom:15px;font-size:42px;animation:1s .3s forwards fadeUp}.subtitle{opacity:0;margin-bottom:25px;font-size:16px;line-height:1.6;animation:1s .6s forwards fadeUp}.contact{opacity:0;font-size:15px;animation:1s .9s forwards fadeUp}.contact span{margin-bottom:5px;display:block}.contact a{color:#a5d6a7;font-weight:700;text-decoration:none}.contact a:hover{text-decoration:underline}@media (width<=600px){.card{padding:30px 15px}h1{font-size:30px}.logo{width:160px}.subtitle{font-size:14px}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}