body { font-family: 'Cairo', sans-serif; margin: 0; overflow: hidden; }
.video-background { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; object-fit: cover; z-index: -2; }
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(13, 17, 23, 0.8); z-index: -1; }
.login-container { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.login-card { background: rgba(33, 37, 41, 0.75); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 1rem; backdrop-filter: blur(10px); color: #fff; }
.form-control { background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.2); color: #fff; }
.form-control:focus { background-color: rgba(255, 255, 255, 0.1); border-color: #0dcaf0; box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25); color: #fff; }
.form-floating > label { color: #adb5bd; }
.btn-primary { background: linear-gradient(45deg, #0d6efd, #0dcaf0); border: none; }