.login-container{width:100%;min-height:100vh;display:flex}.login-branding{color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.login-branding:before{content:"";background:radial-gradient(circle,#ffffff1a 1px,#0000 1px) 0 0/50px 50px;width:200%;height:200%;animation:20s linear infinite moveBackground;position:absolute;top:-50%;left:-50%}@keyframes moveBackground{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.branding-content{z-index:1;text-align:center;color:#fff;max-width:500px;position:relative}.logo-container{margin-bottom:2rem}.logo-circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3fff001a;border:3px solid #3fff00;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:2rem;display:flex;box-shadow:0 0 30px #3fff004d}.logo-circle svg{color:#3fff00;width:60px;height:60px}.brand-title{letter-spacing:2px;text-shadow:0 2px 10px #0003;color:#fff;margin-bottom:1rem;font-size:3rem;font-weight:800}.brand-subtitle{opacity:.95;color:#fff;margin-bottom:3rem;font-size:1.25rem;font-weight:300}.brand-features{text-align:left;gap:1.5rem;display:grid}.feature-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .3s;display:flex}.feature-item:hover{background:#ffffff26;transform:translate(10px)}.feature-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.feature-item span{color:#fff;font-size:1rem;font-weight:500}.developer-info{text-align:center;margin-top:3rem;padding-top:2rem}.developer-divider{background:#3fff00;width:60px;height:2px;margin:0 auto 1.5rem;box-shadow:0 0 10px #3fff0080}.developer-title{text-transform:uppercase;letter-spacing:1px;color:#a0a0a0;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.developer-name{color:#3fff00;text-shadow:0 0 10px #3fff004d;margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.developer-company{color:#fff;margin-bottom:1rem;font-size:.9rem;font-weight:500}.developer-contact{color:#3fff00;background:#3fff001a;border:1px solid #3fff00;border-radius:25px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 20px #3fff0033}.developer-contact:hover{color:#0a0a0a;background:#3fff00;transform:translateY(-2px);box-shadow:0 5px 25px #3fff0066}.developer-contact svg{flex-shrink:0}.login-form-section{background:#0a0a0a;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex}.form-container{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:20px;width:100%;max-width:450px;padding:2.5rem;box-shadow:0 10px 40px #3fff001a}.form-header{text-align:center;margin-bottom:2.5rem}.form-header h2{color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:700}.form-header p{color:#a0a0a0;font-size:1rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.error-message{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:.75rem;padding:1rem;font-size:.9rem;display:flex}.error-message svg{flex-shrink:0;width:20px;height:20px}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#fff;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-group input{color:#fff;background:#0f0f0f;border:2px solid #2a2a2a;border-radius:10px;width:100%;padding:.875rem 1rem;font-size:1rem;transition:all .3s}.form-group input:focus{background:#0a0a0a;border-color:#3fff00;outline:none;box-shadow:0 0 0 3px #3fff001a,0 0 20px #3fff0033}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-options{color:#a0a0a0;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.forgot-password{color:#3fff00;font-weight:500;text-decoration:none;transition:color .3s}.forgot-password:hover{color:#32cc00;text-shadow:0 0 10px #3fff0080}.submit-button{color:#0a0a0a;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#3fff00;border:none;border-radius:10px;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #3fff0066}.submit-button:hover{background:#32cc00;transform:translateY(-2px);box-shadow:0 6px 30px #3fff0099}.submit-button:disabled{opacity:.7;cursor:not-allowed}.form-footer{text-align:center;border-top:1px solid #2a2a2a;margin-top:2rem;padding-top:2rem}.form-footer p{color:#a0a0a0;margin-bottom:.75rem;font-size:.85rem;font-weight:600}.form-footer .info-text{color:#888;margin:0;padding:.5rem 0;font-size:.9rem;font-weight:400;line-height:1.6}@media (max-width:968px){.login-container{flex-direction:column}.login-branding{min-height:35vh;padding:2rem}.brand-title{font-size:2rem}.brand-subtitle{margin-bottom:2rem;font-size:1rem}.brand-features{display:none}.login-form-section{padding:2rem 1.5rem}.form-container{padding:2rem}}@media (max-width:768px){.login-branding{min-height:30vh;padding:1.5rem}.logo-circle{width:100px;height:100px}.logo-circle svg{width:50px;height:50px}.brand-title{font-size:1.75rem}.brand-subtitle{font-size:.95rem}.login-form-section{padding:1.5rem 1rem}.form-container{padding:1.75rem}.form-header h2{font-size:1.5rem}.form-header p{font-size:.875rem}.form-group label{font-size:.85rem}.form-group input{padding:.75rem .875rem;font-size:.95rem}.submit-button{padding:.875rem;font-size:.95rem}.test-users{font-size:.75rem}.test-user{padding:.375rem;font-size:.75rem}}@media (max-width:480px){.login-branding{min-height:25vh;padding:1.25rem}.logo-circle{width:80px;height:80px}.logo-circle svg{width:40px;height:40px}.brand-title{margin-bottom:.75rem;font-size:1.5rem}.brand-subtitle{font-size:.875rem}.login-form-section{padding:1rem .75rem}.form-container{border-radius:16px;padding:1.5rem}.form-header{margin-bottom:2rem}.form-header h2{font-size:1.375rem}.form-header p{font-size:.8rem}.login-form{gap:1.25rem}.form-group label{font-size:.8rem}.form-group input{padding:.625rem .75rem;font-size:.9rem}.form-options{flex-direction:column;align-items:flex-start;gap:.75rem;font-size:.85rem}.submit-button{padding:.75rem;font-size:.9rem}.form-footer{margin-top:1.5rem;padding-top:1.5rem}.form-footer p{font-size:.8rem}.test-users{gap:.375rem}.test-user{padding:.375rem;font-size:.7rem}.error-message{padding:.75rem;font-size:.85rem}}