:root{--primary-color: #7367f0;--secondary-color: #82868b;--success-color: #28c76f;--warning-color: #ff9f43;--danger-color: #ea5455;--dark-color: #4b4b4b;--light-color: #f8f9fa;--border-color: #e7e7ff;--shadow-color: rgba(115, 103, 240, .1)}body{font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.authentication-wrapper{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.authentication-inner{min-height:100vh;box-shadow:0 20px 60px #0000001a}.auth-cover-bg{overflow:hidden;position:relative;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-cover-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eeae6,#764ba2e6);z-index:1}.auth-cover-bg img{min-width:100%;min-height:100%;object-fit:cover;object-position:center;z-index:0}.auth-cover-bg .duam-logo{position:relative;z-index:2;text-align:center;color:#fff;font-size:3.5rem;font-weight:800;text-shadow:3px 3px 6px rgba(0,0,0,.4);animation:fadeInUp 1s ease-out .5s both}.auth-cover-bg .duam-logo .du{color:#00d4aa;text-shadow:2px 2px 4px rgba(0,212,170,.3)}.auth-cover-bg .duam-logo .am{color:#ff6b35;text-shadow:2px 2px 4px rgba(255,107,53,.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-section{background:#fff;border-radius:20px 0 0 20px;box-shadow:-15px 0 40px #00000026;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .8s ease-out}.login-section:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--success-color),var(--warning-color));border-radius:20px 0 0;animation:gradientShift 3s ease-in-out infinite}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes gradientShift{0%,to{background:linear-gradient(90deg,var(--primary-color),var(--success-color),var(--warning-color))}50%{background:linear-gradient(90deg,var(--success-color),var(--warning-color),var(--primary-color))}}.app-brand{text-align:center;margin-bottom:2rem}.app-brand-logo-img{width:120px;height:auto;margin:0 auto 1.5rem;display:block;filter:drop-shadow(0 8px 25px var(--shadow-color));transition:all .3s ease}.app-brand-logo-img:hover{transform:scale(1.05);filter:drop-shadow(0 12px 35px var(--shadow-color))}.welcome-title{color:var(--dark-color);font-size:2rem;font-weight:800;margin-bottom:.75rem;text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--success-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.welcome-subtitle{color:var(--secondary-color);font-size:1.1rem;text-align:center;margin-bottom:2.5rem;line-height:1.7;font-weight:400}.form-control{border:2px solid var(--border-color);border-radius:16px;padding:1rem 1.25rem;font-size:1rem;transition:all .3s ease;background:var(--light-color);font-weight:500}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 .3rem var(--shadow-color);background:#fff;transform:translateY(-2px)}.form-control::placeholder{color:#a0a0a0;font-weight:400}.form-control.is-invalid{border-color:var(--danger-color);box-shadow:0 0 0 .2rem #ea54551a}.form-label{color:var(--dark-color);font-weight:600;margin-bottom:.5rem;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,var(--primary-color),#8b7ff9);border:none;border-radius:16px;padding:1rem 2rem;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 8px 25px var(--shadow-color);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px var(--shadow-color)}.btn-primary:active{transform:translateY(-1px)}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.social-login{margin-top:2rem}.social-btn{width:50px;height:50px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;margin:0 .75rem;transition:all .3s ease;border:2px solid var(--border-color);background:#fff;color:var(--secondary-color);font-size:1.2rem;position:relative;overflow:hidden}.social-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7367f01a,#28c76f1a);opacity:0;transition:opacity .3s ease}.social-btn:hover:before{opacity:1}.social-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.social-btn.facebook:hover{border-color:#1877f2;color:#1877f2}.social-btn.google:hover{border-color:#ea4335;color:#ea4335}.social-btn.twitter:hover{border-color:#1da1f2;color:#1da1f2}.divider{position:relative;text-align:center;margin:2rem 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.divider-text{background:#fff;padding:0 1rem;color:var(--secondary-color);font-size:.9rem;font-weight:500}.forgot-password{color:var(--primary-color);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.forgot-password:hover{color:#5a4fdb}.create-account{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .3s ease}.create-account:hover{color:#5a4fdb}.input-group-merge .input-group-text{background:transparent;border:none;color:var(--secondary-color);cursor:pointer;transition:color .3s ease}.input-group-merge .input-group-text:hover{color:var(--primary-color)}@media (max-width: 991.98px){.login-section{border-radius:20px;margin:1rem}.login-section:before{border-radius:20px 20px 0 0}}
