*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.background{position:absolute;width:100%;height:100%;background:radial-gradient(circle at top left,#5a00ff,#000);z-index:-1;animation:gradientMove 10s infinite alternate ease-in-out}.login-container{width:100%;display:flex;justify-content:center;padding:20px}.login-card{width:100%;max-width:420px;padding:40px;background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 8px 30px #0006;animation:fadeUp .7s ease;color:#fff}.brand{text-align:center;margin-bottom:20px}.logo{font-size:50px}.brand h1{margin-top:5px;font-size:1.8rem;font-weight:600}.login-card h2{text-align:center;margin-bottom:25px;font-weight:400}label{font-size:.9rem;margin-top:15px;display:block}input{width:100%;padding:14px;border:none;border-radius:12px;margin-top:5px;background:rgba(255,255,255,.18);color:#fff;font-size:1rem;outline:none;transition:.2s ease}input:focus{background:rgba(255,255,255,.25);transform:scale(1.02)}.btn-login{width:100%;padding:14px;border:none;border-radius:12px;background:#ffffff;color:#5a00ff;font-weight:700;font-size:1.1rem;margin-top:25px;cursor:pointer;transition:all .3s ease}.btn-login:hover{background:#e3d4ff;transform:translateY(-2px)}.register{text-align:center;margin-top:20px;font-size:.9rem}.register a{color:#fff;text-decoration:underline;font-weight:700;transition:.3s ease}.register a:hover{opacity:.7}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientMove{0%{background:radial-gradient(circle at top left,#5a00ff,#000)}to{background:radial-gradient(circle at bottom right,#220057,#000)}}@media (max-width: 480px){.login-card{padding:30px}.brand h1{font-size:1.5rem}}