:root{--primary-color:#fcb05a;--primary-hover:#fcb00a;--dark-bg:#333;--light-text:#f8f9fa;--error-color:#dc3545;--success-color:#28a745;--shadow-light:rgba(0,0,0,.1);--shadow-medium:rgba(0,0,0,.15);--shadow-heavy:rgba(0,0,0,.25)}*{box-sizing:border-box}body{align-items:center;background:linear-gradient(135deg,var(--dark-bg) 0,#2c2c2c 50%,var(--dark-bg) 100%);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}body:before{background:radial-gradient(circle at 20% 80%,rgba(252,176,90,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(252,176,90,.08) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.login-container{animation:fadeInUp .8s ease-out;position:relative;z-index:1}.logo-container{animation:fadeInDown .6s ease-out;margin-bottom:3rem!important}.logo-container img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:auto;max-width:100%;transition:transform .3s ease,filter .3s ease}.logo-container img:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.15));transform:scale(1.05)}.content-login-form{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.98);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.15),0 8px 25px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8);overflow:hidden;padding:3rem 2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.content-login-form:before{background:linear-gradient(90deg,transparent,var(--primary-color),transparent);content:"";height:2px;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.content-login-form:hover{box-shadow:0 25px 80px rgba(0,0,0,.2),0 12px 35px rgba(0,0,0,.15);transform:translateY(-8px) scale(1.02)}.content-login-form:hover:before{left:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes expandWidth{0%{width:0}to{width:60px}}@keyframes buttonPulse{0%,to{box-shadow:0 8px 30px rgba(252,176,90,.3),0 4px 15px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.3)}50%{box-shadow:0 12px 40px rgba(252,176,90,.4),0 6px 20px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.4)}}.bg-likelogo{animation:buttonPulse 3s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%)!important;border:none!important;border-radius:20px!important;box-shadow:0 8px 30px rgba(252,176,90,.3),0 4px 15px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.3);font-size:1.1rem!important;font-weight:700!important;letter-spacing:1px!important;overflow:hidden;padding:1rem 2rem!important;position:relative;text-transform:uppercase!important;transition:all .4s cubic-bezier(.4,0,.2,1)}.bg-likelogo:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.bg-likelogo:after{background:hsla(0,0%,100%,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.bg-likelogo:hover{animation:none;background:linear-gradient(135deg,var(--primary-hover) 0,#e67e22 100%)!important;box-shadow:0 15px 50px rgba(252,176,90,.5),0 8px 25px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.4);transform:translateY(-5px) scale(1.03)}.bg-likelogo:hover:before{left:100%}.bg-likelogo:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.bg-likelogo:active:after{height:300px;width:300px}.title{animation:slideInLeft .8s ease-out .2s both;color:var(--dark-bg);font-weight:700;letter-spacing:1px;margin:0 0 2rem;position:relative;text-align:center}.title:after{animation:expandWidth .8s ease-out .6s both;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));content:"";display:block;height:3px;margin:.5rem auto 0;width:0}.form-label{color:var(--dark-bg);display:block;font-size:.95rem;font-weight:600;letter-spacing:.3px;margin-bottom:1.2rem!important}.input-group{animation:slideInLeft .6s ease-out calc(.4s + var(--delay, 0s)) both;margin-bottom:1.8rem;position:relative}.input-group:first-child{--delay:0s}.input-group:nth-child(2){--delay:0.1s}.input-group:nth-child(3){--delay:0.2s}.input-group:nth-child(4){--delay:0.3s}.input-group-text{align-items:center;background:rgba(252,176,90,.1);border:2px solid rgba(0,0,0,.08);bottom:0;color:var(--primary-color);display:flex;justify-content:center;padding:0 1rem;position:absolute;top:0;transition:all .3s ease;z-index:2}.input-group-text:first-child{border-radius:15px 0 0 15px;border-right:none;left:0}.input-group-text:last-child{border-left:none;border-radius:0 15px 15px 0;right:0}.input-group-text.password-toggle{cursor:pointer}.input-group-text.password-toggle:hover{background:rgba(252,176,90,.2);color:var(--primary-hover);transform:scale(1.05)}.form-control{background:hsla(0,0%,100%,.95);border:2px solid rgba(0,0,0,.08);border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.8);font-size:1rem;padding:1rem 1.25rem 1rem 3.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.form-control::placeholder{color:rgba(0,0,0,.4);transition:all .3s ease}.form-control:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(252,176,90,.15),0 8px 25px rgba(0,0,0,.1),inset 0 1px 0 #fff;outline:none;transform:translateY(-3px) scale(1.02)}.form-control:focus::placeholder{color:rgba(0,0,0,.3);transform:translateY(-2px)}.alert{animation:slideInLeft .5s ease-out;border:none;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1);font-weight:500;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert.alert-danger{background:linear-gradient(135deg,rgba(220,53,69,.1),rgba(220,53,69,.05));color:var(--error-color)}.alert.alert-success{background-color:rgba(40,167,69,.1);border-color:var(--success-color);color:var(--success-color)}.form-check{align-items:center;animation:slideInLeft .6s ease-out .8s both;display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem!important}.form-check-input{background:hsla(0,0%,100%,.9);border:2px solid rgba(0,0,0,.2);border-radius:6px;cursor:pointer;height:1.25rem;margin:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:1.25rem}.form-check-input:checked{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(252,176,90,.2),0 4px 12px rgba(252,176,90,.3);transform:scale(1.1)}.form-check-input:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:scale(1.05)}.form-check-label{color:var(--dark-bg);cursor:pointer;font-weight:500;transition:all .3s ease;user-select:none}.form-check-label:hover{color:var(--primary-color);transform:translateX(2px)}.d-grid{animation:slideInLeft .6s ease-out .9s both}.btn{border:none!important;font-weight:600!important;letter-spacing:.5px;overflow:hidden;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn:before{background:hsla(0,0%,100%,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.btn:active:before{height:300px;width:300px}.btn i{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .4s cubic-bezier(.4,0,.2,1)}.btn:hover i{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform:translateX(5px) scale(1.1)}.btn:active i{transform:translateX(2px) scale(.95)}.login-page-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.login-content{margin:0 auto;max-width:450px;width:100%}.login-footer{color:#6c757d;font-size:.9rem;margin-top:1.5rem;text-align:center}.login-footer a{color:var(--primary-color);text-decoration:none;transition:color .3s}.login-footer a:hover{color:var(--primary-hover);text-decoration:underline}@media(max-width:768px){.login-page-container{padding:1rem .5rem}.login-content{max-width:100%}.logo-container img{width:180px}.content-login-form{padding:2rem 1.5rem!important}}@media(max-width:480px){.logo-container img{width:150px}.content-login-form{padding:1.5rem 1rem!important}}