:root{--login-primary: #111111;--login-primary-hover: #484747;--login-error: #ef4444;--login-text: #1f2937;--login-text-light: #6b7280;--login-bg: #f9fafb;--login-border: #e5e7eb}.login-container{display:flex;align-items:center;justify-content:center;min-height:100%;background-color:var(--login-bg);padding:1rem}.login-card{width:100%;max-width:400px;padding:2rem;background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-card h2{font-size:1.5rem;font-weight:700;color:var(--login-text);margin-bottom:.5rem;text-align:center}.login-card .subtitle{font-size:.875rem;color:var(--login-text-light);text-align:center;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--login-text)}.form-group input{width:100%;padding:.625rem .875rem;border:1px solid var(--login-border);border-radius:.5rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--login-primary);box-shadow:0 0 0 3px #1111111a}.login-button{width:100%;padding:.625rem 1rem;background-color:var(--login-primary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.login-button:hover{background-color:var(--login-primary-hover)}.login-button:focus{outline:none;box-shadow:0 0 0 3px #1111111a}.login-footer{margin-top:1rem;text-align:center}.login-footer a{font-size:.875rem;color:var(--login-text-light);text-decoration:none}.login-footer a:hover{color:var(--login-primary)}.login-error{padding:.75rem;margin-bottom:.5rem;background-color:#ef44441a;border-radius:.5rem;color:var(--login-error);font-size:.875rem}@media(max-width:480px){.login-card{padding:1.5rem}}