Login

body { margin: 0; padding: 0; background: url('background.jpg') no-repeat center center/cover; font-family: 'Segoe UI', sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; } .container { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.05); border-radius: 15px; padding: 40px; box-shadow: 0 0 20px rgba(255, 0, 0, 0.3); width: 350px; color: #fff; } .login-box h2 { margin-bottom: 10px; font-size: 24px; } .login-box p { margin-bottom: 20px; font-size: 14px; } form input { width: 100%; padding: 12px; margin: 10px 0; border: none; border-radius: 8px; background: rgba(255, 255, 255, 0.1); color: #fff; } form button[type="submit"] { width: 100%; padding: 12px; background: red; border: none; border-radius: 8px; color: #fff; font-size: 18px; cursor: pointer; margin-top: 10px; } a { display: block; text-align: right; margin-top: 10px; font-size: 12px; color: #ccc; text-decoration: none; } .divider { text-align: center; margin: 20px 0; font-size: 12px; color: #aaa; } .social-login button { width: 100%; padding: 10px; margin: 5px 0; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; } .apple { background: #333; color: #fff; } .google { background: #fff; color: #000; } .twitter { background: #1DA1F2; color: #fff; } .signup { text-align: center; margin-top: 20px; font-size: 12px; } .signup a { color: #f00; text-decoration: underline; } Login

Welcome back