.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);background-image:url(../login-background.svg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:20px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea4d,#764ba24d);z-index:0}.login-container>*{position:relative;z-index:1}.login-box{background:#fff;border-radius:16px;padding:48px 40px;box-shadow:0 20px 60px #00000026;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.language-selector{position:absolute;top:20px;right:20px;z-index:10}.language-select{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:14px;color:#374151;cursor:pointer;transition:all .3s ease}.language-select:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.language-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-logo{margin-bottom:24px;animation:fadeInDown .6s ease-out}.login-logo .logo-icon{width:72px;height:72px;filter:drop-shadow(0 4px 8px rgba(102,126,234,.2)) brightness(1.1)}.login-box h1{margin:0 0 8px;color:#333;font-size:26px;font-weight:600;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;animation:fadeInDown .6s ease-out .1s both}.login-slogan{margin:0 0 32px;color:#667eea;font-size:14px;font-weight:500;text-align:center;opacity:.9;animation:fadeInDown .6s ease-out .15s both}.form-group{margin-bottom:20px;width:100%;animation:fadeInUp .6s ease-out .2s both}.form-group:last-of-type{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:500;font-size:14px}.form-group input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;box-sizing:border-box;transition:all .3s ease;background-color:#fafafa}.form-group input:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.error-message{color:#dc2626;font-size:13px;margin-bottom:20px;padding:12px 16px;background-color:#fef2f2;border-radius:8px;border:1px solid #fecaca;width:100%;box-sizing:border-box;line-height:1.5;animation:shake .5s ease-out}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;animation:fadeInUp .6s ease-out .3s both}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.login-hint{margin-top:30px;padding:15px;background-color:#f8f9fa;border-radius:6px;font-size:14px;color:#666;text-align:center}.login-hint p{margin:5px 0}.login-hint strong{color:#333}.hint-warning{margin-top:10px;color:#e74c3c;font-size:12px}.login-footer{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb;width:100%;text-align:center;animation:fadeInUp .6s ease-out .4s both}.about-link{color:#667eea;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;display:inline-block}.about-link:hover{color:#764ba2;text-decoration:underline;transform:translateY(-1px)}