body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f4f8;font-family:Arial,sans-serif}.login-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.login-box{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:600px;height:700px;text-align:center;box-shadow:25px 25px 40px #0d275080,-10px -10px 20px #fffc}.register{height:730px}h1{font-size:60px}h3{margin-bottom:20px;color:#4a90e2;font-size:24px}h4{margin:35px 0}form>a{border:3px solid;padding:10px 30px;border-radius:14px;transition:all .5s}form>a:hover{background-color:#ff4500;color:#fff}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;font-size:14px;color:#333;margin-bottom:5px}.input-group input{width:100%;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:5px;outline:none;transition:border-color .3s}.input-group input:focus{border-color:#4a90e2}input[type=submit]{width:100%;padding:12px;font-size:16px;background-color:#4a90e2;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}input[type=submit]:hover{background-color:#357abd}.register-link{margin-top:100px}.register-link a{text-decoration:none;color:#4a90e2;font-weight:700;transition:color .3s}.register-link a:hover{color:#357abd}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;position:fixed;top:20px;right:20px;z-index:9999;background-color:red}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-error{color:#a94442;background-color:#f2dede;border-color:#ebccd1}