.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);padding:20px}.login-box{background:#2b2b2b;border-radius:12px;box-shadow:0 20px 60px #00000080;border:1px solid rgba(201,169,97,.2);padding:40px;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:200px;height:auto;margin:0 auto 24px;display:block}.login-header h1{font-size:28px;font-weight:700;background:linear-gradient(90deg,#b8944a,#d4af6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.login-header h1 .capital-letter{background:linear-gradient(135deg,#d4af6a,#e8c589);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:1.1em}.login-header p{font-size:14px;color:#b0b0b0;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background-color:#dc26261a;border:1px solid rgba(220,38,38,.5);border-radius:6px;padding:12px;color:#fca5a5;font-size:14px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#d4af6a}.form-group input{padding:12px;border:1px solid #444;border-radius:6px;font-size:14px;background:#1a1a1a;color:#fff;transition:all .2s}.form-group input:focus{outline:none;border-color:#c9a961;box-shadow:0 0 0 3px #c9a9611a}.form-group input:disabled{background-color:#0f0f0f;cursor:not-allowed;opacity:.6}.login-button{background:linear-gradient(90deg,#b8944a,#d4af6a);color:#1a1a1a;border:none;border-radius:6px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c9a96180}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:24px;text-align:center;padding-top:24px;border-top:1px solid #444}.login-footer p{font-size:12px;color:#888;margin:0}@media (max-width: 480px){.login-box{padding:30px 20px}.login-header h1{font-size:24px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}