body{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#06b6d4);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,255,255,.1) 0%,transparent 50%);animation:moveGradient 15s ease infinite;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;background-position:0 0,25px 25px;animation:movePattern 30s linear infinite;pointer-events:none;z-index:0}@keyframes moveGradient{0%,to{opacity:.5;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(2deg)}}@keyframes movePattern{0%{transform:translate(0) rotate(0)}to{transform:translate(50px,50px) rotate(360deg)}}.login-section,.register-section{padding:100px 0;position:relative;z-index:1;min-height:100vh;display:flex;align-items:center}.login-card,.register-card{background:#fffffffa;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:slideUp .8s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header,.register-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:40px;text-align:center}.login-header .icon,.register-header .icon{font-size:60px;margin-bottom:15px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-header h2,.register-header h2{font-size:28px;margin-bottom:8px;font-weight:700}.login-header p,.register-header p{font-size:15px;opacity:.95}.login-body,.register-body{padding:40px}.form-label{color:#374151;font-weight:600;margin-bottom:8px;font-size:14px}.form-control,.form-select{border:2px solid #e5e7eb;border-radius:10px;padding:12px 15px;font-size:15px;transition:all .3s;background:#fff}.form-control:focus,.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-control.is-invalid{border-color:#ef4444}.invalid-feedback{color:#ef4444;font-size:13px;margin-top:5px}.btn-login,.btn-register{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:none;padding:14px;border-radius:10px;font-weight:600;color:#fff;box-shadow:0 4px 15px #3b82f666;transition:all .3s}.btn-login:hover,.btn-register:hover{transform:translateY(-2px);box-shadow:0 6px 25px #3b82f699;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff}.form-check{display:flex;align-items:center;gap:8px}.form-check-input{width:18px;height:18px;cursor:pointer}.form-check-input:checked{background-color:#3b82f6;border-color:#3b82f6}.form-check-label{cursor:pointer;font-size:14px;color:#374151}.required{color:#ef4444}.login-body a,.register-body a{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .3s}.login-body a:hover,.register-body a:hover{color:#1e3a8a;text-decoration:underline}.alert{border-radius:10px;padding:12px 15px;margin-bottom:20px;border:none}.alert-success{background:#d1fae5;color:#065f46}.alert-danger{background:#fee2e2;color:#991b1b}@media(max-width:768px){.login-section,.register-section{padding:80px 0 40px}.login-body,.register-body{padding:30px 25px}.login-header,.register-header{padding:30px 20px}.login-header .icon,.register-header .icon{font-size:50px}.login-header h2,.register-header h2{font-size:24px}}