body{color:#fff;text-align:center;background:linear-gradient(135deg,#6fb1fc,#4364f7,#0052d4);margin:0;font-family:Arial,Helvetica,sans-serif}.container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000040;border-radius:20px;max-width:550px;padding:40px;box-shadow:0 10px 30px #0000004d}h1{margin-bottom:10px;font-size:40px}h2{margin:10px 0;font-size:28px}p{margin:8px 0;font-size:18px}.date{margin-top:20px;font-size:24px;font-weight:700}.button{margin-top:25px}button{color:#4364f7;cursor:pointer;background:#fff;border:none;border-radius:25px;padding:12px 25px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s}button:hover{background:#6fb1fc}footer{opacity:.8;margin-top:30px;font-size:14px}.modal{background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#00000059;border-radius:20px;max-width:400px;padding:30px;box-shadow:0 10px 25px #0006}.modal-content h2{margin-top:0}.close-btn{margin-top:20px}