.login-wrapper{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.login-wrapper:before{content:"";filter:blur(80px);z-index:0;pointer-events:none;background:linear-gradient(135deg,#8b5cf640 0%,#06b6d426 100%);border-radius:50%;width:50vw;max-width:600px;height:50vw;max-height:600px;animation:12s ease-in-out infinite float;position:absolute;top:-10%;right:-5%}.login-wrapper:after{content:"";filter:blur(80px);z-index:0;pointer-events:none;background:linear-gradient(135deg,#06b6d433 0%,#8b5cf633 100%);border-radius:50%;width:40vw;max-width:500px;height:40vw;max-height:500px;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-10%;left:-5%}@keyframes float{0%{transform:translateY(0)translate(0)}50%{transform:translateY(-30px)translate(30px)}to{transform:translateY(0)translate(0)}}.login-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1100px;display:grid;position:relative}.login-info-section{padding-right:2rem}.info-title{background:linear-gradient(90deg,#fff,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800;line-height:1.1}.info-features{flex-direction:column;gap:1.5rem;margin-top:3rem;display:flex}.feature-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;align-items:flex-start;gap:1.2rem;padding:1.2rem;transition:transform .3s,background .3s;display:flex}.feature-item:hover{background:#ffffff14;transform:translate(10px)}.feature-icon{background:#8b5cf626;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex}.feature-item h3{color:var(--text-main);margin-bottom:.3rem;font-size:1.2rem}.feature-item p{color:var(--text-muted);font-size:.95rem;line-height:1.4}.login-form-section{justify-content:flex-end;display:flex}.login-box{width:100%;max-width:420px;padding:2.5rem}.login-header{text-align:center;margin-bottom:2.5rem}.login-header h2{color:var(--primary);margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.login-header p{color:var(--text-muted);font-size:.95rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-main);font-size:.85rem;font-weight:600}.login-btn{margin-top:.5rem;padding:1rem;font-size:1rem}.login-btn:disabled{opacity:.7;cursor:not-allowed;animation:none}.error-message{color:var(--danger);text-align:center;background-color:#f43f5e1a;border:1px solid #f43f5e4d;border-radius:12px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.spinner-icon{animation:1.5s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.typewriter{border-right:.15em solid var(--secondary);white-space:nowrap;letter-spacing:.05em;color:var(--secondary);font-size:1.2rem;animation:2.5s steps(35,end) typing,.75s step-end infinite blink-caret;display:inline-block;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--secondary)}}.tilt-effect{transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.tilt-effect:hover{transform:perspective(1000px)rotateX(1deg)rotateY(-1deg)scale3d(1.01,1.01,1.01)}.falling-star{opacity:0;z-index:0;pointer-events:none;background:linear-gradient(#fff0 0%,#fff 100%);width:2px;height:80px;animation:linear infinite fallingStar;position:absolute}.star-1{animation-duration:3s;animation-delay:0s;left:10%}.star-2{height:100px;animation-duration:4s;animation-delay:1.5s;left:30%}.star-3{height:50px;animation-duration:3.5s;animation-delay:2s;left:70%}.star-4{animation-duration:4.5s;animation-delay:.5s;left:90%}@keyframes fallingStar{0%{opacity:1;transform:translateY(-200px)}to{opacity:0;transform:translateY(120vh)}}@media (max-width:992px){.login-grid{grid-template-columns:1fr;gap:3rem}.login-info-section{text-align:center;padding-right:0}.feature-item{text-align:left}.info-title{font-size:2.5rem}.login-form-section{justify-content:center}}@media (max-width:768px){.login-info-section{display:none}.login-grid{gap:0}.login-wrapper{padding:1rem}.login-box{padding:1.5rem}.login-header h2{font-size:1.5rem}.login-wrapper:before,.login-wrapper:after{opacity:.5;filter:blur(100px)}.tilt-effect{transition:none!important;transform:none!important}.tilt-effect:hover{transform:none!important}}