html,body{color:#f5f5f5;background:linear-gradient(-45deg,#0a0a0a,#0d1b2a,#1b263b,#000814) 0 0/400% 400%;flex-direction:column;justify-content:center;align-items:center;height:100%;margin:0;padding:0;font-family:Poppins,sans-serif;animation:18s infinite gradientShift;display:flex;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}h1{color:#3ba9ff;text-align:center;margin-bottom:1rem;font-size:2.2rem}p{color:#e0e0e0;text-align:center;max-width:700px;margin:0 auto 1rem;line-height:1.6}strong{color:#3ba9ff}a{color:#3ba9ff;text-decoration:none;transition:all .3s}a:hover{color:#61c0ff;text-decoration:underline}button,.btn{color:#fff;cursor:pointer;background:#3ba9ff;border:none;border-radius:8px;padding:10px 16px;transition:background .3s}button:hover,.btn:hover{background:#61c0ff}main{z-index:1;text-align:center;background:rgba(0,0,0,.5);border-radius:1rem;width:90%;max-width:800px;padding:2rem;position:relative;box-shadow:0 0 20px rgba(0,0,0,.6)}footer{text-align:center;color:#9ca3af;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.6);width:100%;padding:.8rem 1rem;font-size:.9rem;position:fixed;bottom:0;left:0;box-shadow:0 -2px 10px rgba(0,0,0,.4)}footer a{color:#3ba9ff;font-weight:500}footer a:hover{color:#61c0ff}footer img{vertical-align:middle;opacity:.9;height:22px;margin-right:6px}