:root{--primary-color:#6c63ff;--secondary-color:#4a40e5;--accent-color:#ff6b6b;--dark-color:#2c2c54;--light-color:#f7f7f7;--success-color:#4caf50}body{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);background-size:400% 400%;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;overflow-x:hidden}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.login-container{background:rgba(255,255,255,.9);border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,.2);overflow:hidden;width:100%;max-width:900px;min-width:500px;min-height:500px;animation:fadeIn 1s ease-out;backdrop-filter:blur(10px)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-left{background:linear-gradient(to bottom right,var(--primary-color),var(--dark-color));color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-left::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 8s infinite alternate}@keyframes pulse{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.login-right{padding:40px;display:flex;flex-direction:column;justify-content:center}.logo-container{display:flex;justify-content:center;margin-bottom:30px;animation:slideInDown 1s ease-out}@keyframes slideInDown{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.logo{font-weight:700;font-size:1.8rem;display:flex;align-items:center;transition:transform .3s}.logo:hover{transform:scale(1.05)}.logo-primary{color:var(--primary-color)}.logo-secondary{color:var(--accent-color)}.form-control{border:0;border-bottom:2px solid #ddd;border-radius:0;padding-left:45px;padding-right:0;background:transparent;transition:all .3s}.form-control:focus{box-shadow:none;border-bottom-color:var(--primary-color)}.input-group-text{position:absolute;z-index:3;background:transparent;border:0;color:#6c757d}.btn-login{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:0;color:#fff;padding:12px 20px;border-radius:50px;font-weight:600;margin-top:20px;transition:all .3s;position:relative;overflow:hidden}.btn-login::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn-login:hover::before{left:100%}.btn-login:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}@media(max-width:768px){.login-left{display:none}.login-right{padding:30px}}.forgot-password{color:var(--primary-color);text-decoration:none;font-size:14px;transition:all .3s;display:inline-block}.forgot-password:hover{color:var(--secondary-color);text-decoration:underline;transform:translateX(5px)}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.form-check-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 .25rem rgba(108,99,255,.25)}.animated-circle{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);animation:float 8s infinite ease-in-out}.circle-1{width:100px;height:100px;top:20%;left:10%;animation-delay:0s}.circle-2{width:60px;height:60px;top:60%;left:80%;animation-delay:1s}.circle-3{width:80px;height:80px;top:70%;left:15%;animation-delay:2s}@keyframes float{0%,100%{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(10px) translateX(-10px)}75%{transform:translateY(-10px) translateX(-20px)}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.particle{position:absolute;background:rgba(255,255,255,.5);border-radius:50%;animation:particleFloat 10s infinite linear}@keyframes particleFloat{0%{transform:translateY(100%) translateX(0);opacity:1}100%{transform:translateY(-100%) translateX(var(--tx));opacity:0}}.complogo{max-width:450px;max-height:300px}.small-complogo{max-width:150px;max-height:80px}.footerlogo{max-width:130px;max-height:60px}.infont{font-family:"Comic Sans MS";color:#ff8205!important}.login-header{margin-bottom:40px;text-align:center}#loading{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.8);z-index:1000}#loadingcontent{display:table;position:fixed;left:0;top:0;width:100%;height:100%}#loadingspinner{display:table-cell;vertical-align:middle;width:100%;text-align:center;font-size:larger;padding-top:80px}.message-info{border:1px solid;clear:both;padding:10px 20px}.message-error{clear:both;color:#e80c4d;font-size:120%;font-weight:bold;margin:20px 0 10px 0}.message-success{color:#7ac0da;font-size:1.3em;font-weight:bold;margin:20px 0 10px 0}.error{color:#e80c4d}.field-validation-error{color:#e80c4d;font-weight:bold}.field-validation-valid{display:none}input.input-validation-error{border:1px solid #e80c4d}input[type="checkbox"].input-validation-error{border:0 none}.validation-summary-errors{color:#e80c4d;font-weight:bold;font-size:120%}.validation-summary-valid{display:none}.color-red{color:#f00!important}