:root{--primary-color: #2563eb;--bg-color: #ffffff;--text-color: #1f2937;--border-color: #e5e7eb}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--text-color);background:var(--bg-color);margin:0;padding:1rem}nav{display:flex;justify-content:space-between;padding:1rem;background:#f3f4f6;border-radius:4px;margin-bottom:2rem}nav a{margin-right:1rem;text-decoration:none;color:var(--primary-color)}.auth-container,.error-container{max-width:400px;margin:2rem auto;padding:2rem;border:1px solid var(--border-color);border-radius:8px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box}.help-text{font-size:.875rem;color:#6b7280}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.message{padding:1rem;margin-bottom:1rem;border-radius:4px;display:flex;justify-content:space-between}.message-success{background:#d1fae5;color:#065f46}.message-error{background:#fee2e2;color:#991b1b}button{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}button:hover{background:#1d4ed8}