.login-container{background-image:url(/images/bg1.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex;position:relative}.login-container:before{content:"";z-index:0;background:#00000080;position:absolute;inset:0}.login-container>*{z-index:1;position:relative}.login-content-wrapper{flex:1;justify-content:center;align-items:center;padding:24px 16px;display:flex}.login-card{background-color:#fff;border-radius:16px;width:100%;max-width:448px;padding:32px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .login-card{background-color:#1f2937}.login-header{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.avatar-large{border-radius:50%;width:240px;height:240px;margin-bottom:16px}.login-title{color:#111827;text-align:center;font-size:24px;font-weight:700}.dark .login-title{color:#fff}.login-error{color:#ef4444;text-align:center;margin-bottom:16px;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form-group{flex-direction:column;display:flex}.login-label{color:#374151;margin-bottom:4px;font-size:14px;font-weight:500;display:block}.dark .login-label{color:#d1d5db}.login-input{color:#111827;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:8px 16px;font-size:14px;transition:all .2s}.login-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f680}.dark .login-input{color:#fff;background-color:#374151;border-color:#4b5563}.dark .login-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}.login-button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:8px;width:100%;margin-top:8px;padding:10px 16px;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.login-button:disabled{opacity:.5;cursor:not-allowed}.home-button{color:#374151;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-top:16px;padding:10px 16px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px -1px #0000000f}.home-button:hover{background-color:#e5e7eb;transform:scale(1.02)}.dark .home-button{color:#d1d5db;background-color:#374151;border-color:#4b5563}.dark .home-button:hover{background-color:#4b5563}